@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--color-primary: #F59E0B;--color-primary-dark: #D97706;--color-primary-light: #FDE68A;--color-accent: #8B5CF6;--color-bg: #F8FAFC;--color-bg-card: #FFFFFF;--color-bg-elevated: #FFFFFF;--color-bg-hover: #F1F5F9;--color-border: #E2E8F0;--color-border-soft: #CBD5E1;--color-text: #0F172A;--color-text-muted: #475569;--color-text-faint: #94A3B8;--color-success: #10B981;--color-warning: #F59E0B;--color-danger: #EF4444;--color-info: #3B82F6;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06);--shadow-lg: 0 10px 30px rgba(15, 23, 42, .08);--shadow-glow: 0 4px 24px rgba(245, 158, 11, .35);--transition: .2s ease;--transition-slow: .35s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6;min-height:100vh;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;line-height:1.2;color:var(--color-text)}h1{font-size:clamp(1.8rem,4vw,2.5rem)}h2{font-size:clamp(1.4rem,3vw,1.875rem)}h3{font-size:clamp(1.1rem,2vw,1.375rem)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-dark)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-sm{max-width:768px;margin:0 auto;padding:0 1.5rem}.container-md{max-width:1024px;margin:0 auto;padding:0 1.5rem}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;transition:border-color var(--transition),box-shadow var(--transition)}.card:hover{border-color:var(--color-border-soft)}.card--elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-md)}.card--glow{box-shadow:var(--shadow-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:600;font-family:Inter,sans-serif;border:1.5px solid transparent;cursor:pointer;transition:all var(--transition);white-space:nowrap;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#0a0f1e;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text);border-color:var(--color-border-soft)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-primary)}.btn-danger{background:transparent;color:var(--color-danger);border-color:var(--color-danger)}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--color-text);background:var(--color-bg-elevated)}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-lg{padding:.875rem 1.75rem;font-size:1rem}.btn-icon{padding:.5rem;width:2.25rem;height:2.25rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.form-label{font-size:.85rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.form-input,.form-select,.form-textarea{background:var(--color-bg-elevated);border:1.5px solid var(--color-border-soft);border-radius:var(--radius-md);color:var(--color-text);font-size:.95rem;font-family:Inter,sans-serif;padding:.625rem .875rem;transition:border-color var(--transition),box-shadow var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #f59e0b26}.form-input::placeholder{color:var(--color-text-faint)}.form-error{font-size:.8rem;color:var(--color-danger)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-amber{background:#f59e0b26;color:var(--color-primary)}.badge-purple{background:#8b5cf626;color:var(--color-accent)}.badge-green{background:#10b98126;color:var(--color-success)}.badge-red{background:#ef444426;color:var(--color-danger)}.badge-blue{background:#3b82f626;color:var(--color-info)}.badge-gray{background:#6b728033;color:var(--color-text-muted)}.status-draft{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#6b728033;color:var(--color-text-muted)}.status-pending{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#f59e0b26;color:var(--color-primary)}.status-in_progress{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#3b82f626;color:var(--color-info)}.status-done{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#10b98126;color:var(--color-success)}.status-cancelled{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#ef444426;color:var(--color-danger)}.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse}thead th{background:var(--color-bg-elevated);padding:.75rem 1rem;text-align:left;font-size:.775rem;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--color-border)}tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition)}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--color-bg-elevated)}tbody td{padding:.875rem 1rem;font-size:.9rem}.sidebar{width:260px;height:100dvh;background:var(--color-bg-card);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:50;overflow:hidden}.sidebar-logo{padding:1.5rem;border-bottom:1px solid var(--color-border)}.sidebar-nav{padding:1rem .75rem;flex:1;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:.75rem;padding:.625rem .875rem;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:.9rem;font-weight:500;transition:all var(--transition);margin-bottom:.15rem;cursor:pointer;text-decoration:none}.sidebar-nav-item:hover{background:var(--color-bg-elevated);color:var(--color-text)}.sidebar-nav-item.active{background:#f59e0b1f;color:var(--color-primary)}.sidebar-nav-item.active svg{color:var(--color-primary)}.sidebar-section-label{font-size:.7rem;font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.08em;padding:1rem .875rem .25rem}.main-content{margin-left:260px;min-height:100vh;background:var(--color-bg)}.page-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40}.page-body{padding:2rem}.stat-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:all var(--transition)}.stat-card:hover{border-color:var(--color-border-soft);transform:translateY(-2px)}.stat-icon{width:3rem;height:3rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-value{font-size:1.75rem;font-weight:800;line-height:1}.stat-label{font-size:.8rem;color:var(--color-text-muted);margin-top:.2rem}.upload-zone{border:2px dashed var(--color-border-soft);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all var(--transition);background:var(--color-bg-elevated)}.upload-zone:hover,.upload-zone.dragging{border-color:var(--color-primary);background:#f59e0b0d}.progress-bar{height:4px;background:var(--color-border-soft);border-radius:var(--radius-full);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width .3s ease}.modal-backdrop{position:fixed;inset:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--color-bg-card);border:1px solid var(--color-border-soft);border-radius:var(--radius-xl);padding:2rem;width:100%;box-shadow:var(--shadow-lg);animation:modal-in .2s ease}.modal-sm{max-width:440px}.modal-md{max-width:640px}.modal-lg{max-width:880px}@keyframes modal-in{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.alert{padding:.875rem 1.25rem;border-radius:var(--radius-md);font-size:.9rem;display:flex;align-items:center;gap:.75rem;border:1px solid}.alert-success{background:#10b9811a;border-color:#10b9814d;color:var(--color-success)}.alert-warning{background:#f59e0b1a;border-color:#f59e0b4d;color:var(--color-warning)}.alert-danger{background:#ef44441a;border-color:#ef44444d;color:var(--color-danger)}.alert-info{background:#3b82f61a;border-color:#3b82f64d;color:var(--color-info)}.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 0 8px #f59e0b26}}.animate-fade-in{animation:fade-in .3s ease}.animate-slide-up{animation:slide-up .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-soft);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.dashboard-grid{display:grid;grid-template-columns:1fr 380px;gap:1.5rem;align-items:start}@media(max-width:1024px){.dashboard-grid{grid-template-columns:1fr}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-muted{color:var(--color-text-muted)}.text-faint{color:var(--color-text-faint)}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.admin-badge{display:inline-flex;align-items:center;gap:.35rem;background:#8b5cf626;color:var(--color-accent);border-radius:var(--radius-full);padding:.2rem .75rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;margin-bottom:.4rem}.card--hover{transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.card--hover:hover{border-color:var(--color-primary);box-shadow:0 4px 24px #f59e0b1f;transform:translateY(-2px)}.card--active{border-color:var(--color-primary)!important;background:#f59e0b0f!important}.status-in_review{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#8b5cf626;color:var(--color-accent)}.status-revision{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#ef44441f;color:var(--color-danger)}.justify-center{justify-content:center}.text-center{text-align:center}.sidebar{transition:width .3s ease,transform .3s ease}.main-content{transition:margin-left .3s ease}.sidebar.collapsed{width:80px}.sidebar.collapsed .sidebar-logo>a>div:nth-child(2),.sidebar.collapsed .sidebar-nav-item>span,.sidebar.collapsed .sidebar-section-label,.sidebar.collapsed .user-footer-details{display:none}.sidebar.collapsed .sidebar-logo{justify-content:center;padding:1.5rem .5rem}.sidebar.collapsed .sidebar-nav-item{justify-content:center;padding:.75rem}.sidebar.collapsed .user-footer-container{padding:1rem .5rem;justify-content:center}.sidebar.collapsed~.main-content{margin-left:80px}.mobile-header{display:none;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:var(--color-bg-card);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:45}.mobile-sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:48;animation:fade-in .3s ease}@media(max-width:1024px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);width:280px}.sidebar.open{transform:translate(0)}.sidebar.collapsed~.main-content,.main-content{margin-left:0}.page-header{padding:1rem 1.5rem}.page-body{padding:1.5rem 1rem}}.steps-container::-webkit-scrollbar{display:none}.steps-container{-ms-overflow-style:none;scrollbar-width:none}