@import url(https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;1,9..40,300&display=swap);:root{--primary-hue:215;--accent-hue:215;--bg-base:#f8fafc;--bg-base-alpha:#f8fafce0;--bg-surface:#fff;--bg-elevated:#f1f5f9;--bg-hover:#e2e8f0;--bg-active:#cbd5e1;--accent:hsl(var(--accent-hue),100%,45%);--accent-dim:hsla(var(--accent-hue),100%,45%,0.1);--accent-glow:hsla(var(--accent-hue),100%,45%,0.2);--accent-2:#ff6b35;--accent-2-dim:#ff6b351a;--success:#10b981;--success-dim:#10b9811a;--warning:#f59e0b;--warning-dim:#f59e0b1a;--danger:#ef4444;--danger-dim:#ef44441a;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-accent:var(--accent);--border:#e2e8f0;--border-hover:#cbd5e1;--border-active:var(--accent);--font-display:"Syne",sans-serif;--font-body:"DM Sans",sans-serif;--font-mono:"DM Mono",monospace;--sidebar-w:260px;--header-h:64px;--radius-sm:6px;--radius:10px;--radius-lg:16px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-accent:0 0 20px hsla(var(--accent-hue),100%,45%,0.1)}[data-theme=dark]{--bg-base:#080c10;--bg-base-alpha:#080c10e0;--bg-surface:#0d1218;--bg-elevated:#121820;--bg-hover:#1a2230;--bg-active:#1e2a3a;--accent:#00e5ff;--accent-dim:#00e5ff1f;--accent-glow:#00e5ff59;--text-primary:#e8edf5;--text-secondary:#7a8999;--text-muted:#4a5568;--border:#ffffff0f;--border-hover:#00e5ff40;--border-active:#00e5ff80;--shadow-sm:0 1px 3px #0006;--shadow:0 4px 16px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg-base);color:#0f172a;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:#f8fafc;background:var(--bg-base)}::-webkit-scrollbar-thumb{background:#e2e8f0;background:var(--bg-hover);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8;background:var(--text-muted)}h1,h2,h3,h4,h5{font-family:Syne,sans-serif;font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}a{color:#0060e6;color:var(--accent);text-decoration:none;transition:opacity .2s}a:hover{opacity:.8}input,select,textarea{font-size:14px}button,input,select,textarea{font-family:DM Sans,sans-serif;font-family:var(--font-body)}button{cursor:pointer}.app-layout,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:260px;margin-left:var(--sidebar-w)}.page-body{flex:1 1;margin-top:64px;margin-top:var(--header-h);padding:2rem}.card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);padding:1.5rem;transition:border-color .2s,box-shadow .2s}.card:hover{border-color:#ffffff1a}.card.accent{border-color:#cbd5e1;border-color:var(--border-hover);box-shadow:0 0 20px #0060e61a;box-shadow:var(--shadow-accent)}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:13.5px;font-weight:500;gap:8px;padding:.55rem 1.25rem;transition:all .18s ease;white-space:nowrap}.btn-primary{background:#0060e6;background:var(--accent);color:#080c10;font-weight:600}.btn-primary:hover{background:#33ecff;box-shadow:0 4px 16px #0060e633;box-shadow:0 4px 16px var(--accent-glow);transform:translateY(-1px)}.btn-secondary{background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);color:#0f172a;color:var(--text-primary)}.btn-secondary:hover{background:#e2e8f0;background:var(--bg-hover);border-color:#cbd5e1;border-color:var(--border-hover)}.btn-danger{background:#ef44441a;background:var(--danger-dim);border:1px solid #ff456033;color:#ef4444;color:var(--danger)}.btn-danger:hover{background:#ef4444;background:var(--danger);color:#fff}.btn-ghost{background:#0000;color:#475569;color:var(--text-secondary)}.btn-ghost:hover{background:#e2e8f0;background:var(--bg-hover);color:#0f172a;color:var(--text-primary)}.btn-sm{font-size:12.5px;padding:.35rem .9rem}.btn-lg{font-size:15px;padding:.75rem 1.75rem}.btn:disabled{cursor:not-allowed;opacity:.4;transform:none!important}.btn-icon{border-radius:10px;border-radius:var(--radius);padding:.55rem}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{color:#475569;color:var(--text-secondary);font-size:12.5px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text-primary);outline:none;padding:.65rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#0060e6;border-color:var(--border-active);box-shadow:0 0 0 3px #0060e61a;box-shadow:0 0 0 3px var(--accent-dim)}.form-textarea{min-height:120px;resize:vertical}.form-select{-webkit-appearance:none;appearance:none;cursor:pointer}.form-hint{color:#94a3b8;color:var(--text-muted);font-size:12px}.form-error{color:#ef4444;color:var(--danger);font-size:12px}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.table-wrap{border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);overflow:hidden}.data-table{border-collapse:collapse;width:100%}.data-table thead{background:#f1f5f9;background:var(--bg-elevated)}.data-table th{color:#475569;color:var(--text-secondary);font-size:11.5px;font-weight:600;letter-spacing:.06em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.data-table td,.data-table th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border)}.data-table td{color:#0f172a;color:var(--text-primary);font-size:13.5px;padding:.85rem 1rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:#f1f5f9;background:var(--bg-elevated)}.data-table tbody tr:last-child td{border-bottom:none}.badge{align-items:center;border-radius:99px;display:inline-flex;font-size:11.5px;font-weight:500;gap:5px;padding:3px 10px;white-space:nowrap}.badge-blue{background:#0060e61a;background:var(--accent-dim);color:#0060e6;color:var(--accent)}.badge-orange{background:#ff6b351a;background:var(--accent-2-dim);color:#ff6b35;color:var(--accent-2)}.badge-green{background:#10b9811a;background:var(--success-dim);color:#10b981;color:var(--success)}.badge-yellow{background:#f59e0b1a;background:var(--warning-dim);color:#f59e0b;color:var(--warning)}.badge-red{background:#ef44441a;background:var(--danger-dim);color:#ef4444;color:var(--danger)}.badge-gray{background:#ffffff0f;color:#475569;color:var(--text-secondary)}.stat-card{background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:.75rem;overflow:hidden;padding:1.5rem;position:relative;transition:border-color .2s,transform .2s}.stat-card:hover{border-color:#ffffff1a;transform:translateY(-2px)}.stat-card:before{border-radius:0 16px 0 80px;border-radius:0 var(--radius-lg) 0 80px;content:"";height:80px;opacity:.08;position:absolute;right:0;top:0;width:80px}.stat-card.cyan:before{background:#0060e6;background:var(--accent)}.stat-card.orange:before{background:#ff6b35;background:var(--accent-2)}.stat-card.green:before{background:#10b981;background:var(--success)}.stat-card.yellow:before{background:#f59e0b;background:var(--warning)}.stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;height:40px;justify-content:center;width:40px}.stat-icon.cyan{background:#0060e61a;background:var(--accent-dim);color:#0060e6;color:var(--accent)}.stat-icon.orange{background:#ff6b351a;background:var(--accent-2-dim);color:#ff6b35;color:var(--accent-2)}.stat-icon.green{background:#10b9811a;background:var(--success-dim);color:#10b981;color:var(--success)}.stat-icon.yellow{background:#f59e0b1a;background:var(--warning-dim);color:#f59e0b;color:var(--warning)}.stat-value{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:2rem;font-weight:800;line-height:1}.stat-label{color:#475569;color:var(--text-secondary);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.stat-trend{align-items:center;color:#10b981;color:var(--success);display:flex;font-size:12px;gap:4px}.stat-trend.down{color:#ef4444;color:var(--danger)}.page-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem}.page-title{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.75rem;font-weight:800}.page-subtitle{color:#475569;color:var(--text-secondary);font-size:13.5px;margin-top:4px}.page-actions{flex-shrink:0;gap:.75rem}.modal-overlay,.page-actions{align-items:center;display:flex}.modal-overlay{animation:fadeIn .18s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080c10d9;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:999}.modal{animation:slideUp .22s ease;background:#fff;background:var(--bg-surface);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 24px 80px #000000b3;max-height:90vh;max-width:540px;overflow-y:auto;width:100%}.modal-lg{max-width:800px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1.5rem}.modal-title{font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700}.modal-body{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem}.modal-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);justify-content:flex-end;padding:1.25rem 1.5rem}.modal-footer,.toolbar{display:flex;gap:.75rem}.toolbar{align-items:center;flex-wrap:wrap;margin-bottom:1.5rem}.toolbar-left{flex:1 1}.toolbar-left,.toolbar-right{align-items:center;display:flex;gap:.75rem}.search-wrap{position:relative}.search-wrap .search-icon{color:#94a3b8;color:var(--text-muted);left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-input{padding-left:38px;width:280px}.empty-state{align-items:center;display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:4rem 2rem;text-align:center}.empty-icon,.empty-state{color:#94a3b8;color:var(--text-muted)}.empty-icon{height:56px;opacity:.5;width:56px}.empty-title{color:#475569;color:var(--text-secondary);font-family:Syne,sans-serif;font-family:var(--font-display);font-size:1rem}.empty-desc{font-size:13px;max-width:320px}.spinner{animation:spin .7s linear infinite;border:2px solid #e2e8f0;border-top-color:#0060e6;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:20px;width:20px}.spinner-lg{height:36px;width:36px}.tabs{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;gap:0;margin-bottom:1.5rem}.tab{border-bottom:2px solid #0000;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:13.5px;font-weight:500;margin-bottom:-1px;padding:.75rem 1.25rem;transition:all .18s}.tab:hover{color:#0f172a;color:var(--text-primary)}.tab.active{border-bottom-color:#0060e6;border-bottom-color:var(--accent);color:#0060e6;color:var(--accent)}.progress-bar{background:#e2e8f0;background:var(--bg-hover);border-radius:99px;height:4px;overflow:hidden}.progress-fill{background:#0060e6;background:var(--accent);border-radius:99px;height:100%;transition:width .3s ease}.dropdown{position:relative}.dropdown-menu{animation:fadeIn .15s ease;background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow);min-width:160px;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.dropdown-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm);color:#0f172a;color:var(--text-primary);cursor:pointer;display:flex;font-size:13.5px;gap:8px;padding:.6rem .75rem;transition:background .15s}.dropdown-item:hover{background:#e2e8f0;background:var(--bg-hover)}.dropdown-item.danger{color:#ef4444;color:var(--danger)}.dropdown-divider{border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:.4rem 0}.checkbox-wrap{align-items:center;cursor:pointer;display:flex;gap:.75rem}.checkbox{-webkit-appearance:none;appearance:none;background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:4px;cursor:pointer;flex-shrink:0;height:16px;transition:all .15s;width:16px}.checkbox:checked{background:#0060e6;background:var(--accent);border-color:#0060e6;border-color:var(--accent)}.checkbox:checked:after{color:#080c10;content:"✓";display:block;font-size:11px;font-weight:700;line-height:14px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#e2e8f0 50%,#f1f5f9 75%);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--bg-hover) 50%,var(--bg-elevated) 75%);background-size:200% 100%;border-radius:6px;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.divider{border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border);margin:1.5rem 0}[data-tooltip]{position:relative}[data-tooltip]:after{background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);bottom:calc(100% + 8px);color:#0f172a;color:var(--text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:5px 10px;pointer-events:none;position:absolute;transform:translateX(-50%);transition:opacity .2s;white-space:nowrap;z-index:200}[data-tooltip]:hover:after{opacity:1}.avatar{background:#0060e61a;background:var(--accent-dim);border-radius:50%;color:#0060e6;color:var(--accent);flex-shrink:0;font-family:Syne,sans-serif;font-family:var(--font-display);font-size:12px;font-weight:700;height:32px;width:32px}.avatar,.pagination{align-items:center;display:flex;justify-content:center}.pagination{gap:.5rem;margin-top:1.5rem}.pagination-btn{align-items:center;background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#475569;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:all .15s;width:34px}.pagination-btn.active,.pagination-btn:hover:not(:disabled){border-color:#cbd5e1;border-color:var(--border-hover);color:#0060e6;color:var(--accent)}.pagination-btn.active{background:#0060e61a;background:var(--accent-dim);font-weight:600}.pagination-btn:disabled{cursor:default;opacity:.3}.notif-dot{animation:pulse 2s infinite;background:#0060e6;background:var(--accent);border-radius:50%;flex-shrink:0;height:8px;width:8px}.upload-zone{align-items:center;border:2px dashed #e2e8f0;border:2px dashed var(--border);border-radius:16px;border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:.75rem;padding:3rem 2rem;text-align:center;transition:all .2s}.upload-zone.dragging,.upload-zone:hover{background:#0060e61a;background:var(--accent-dim);border-color:#cbd5e1;border-color:var(--border-hover)}.upload-zone .upload-icon{color:#0060e6;color:var(--accent)}.upload-zone p{color:#475569;color:var(--text-secondary);font-size:13.5px}.template-editor,.upload-zone strong{color:#0f172a;color:var(--text-primary)}.template-editor{background:#f1f5f9;background:var(--bg-elevated);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);font-family:DM Mono,monospace;font-family:var(--font-mono);font-size:13px;min-height:300px;outline:none;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.template-editor:focus{border-color:#0060e6;border-color:var(--border-active);box-shadow:0 0 0 3px #0060e61a;box-shadow:0 0 0 3px var(--accent-dim)}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{background:#e2e8f0;background:var(--border);bottom:0;content:"";left:16px;position:absolute;top:0;width:1px}.timeline-item{display:flex;gap:1rem;padding:0 0 1.25rem;position:relative}.timeline-dot{align-items:center;background:#f1f5f9;background:var(--bg-elevated);border:2px solid #e2e8f0;border:2px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;height:33px;justify-content:center;width:33px;z-index:1}.timeline-dot.active{background:#0060e61a;background:var(--accent-dim);border-color:#0060e6;border-color:var(--accent);color:#0060e6;color:var(--accent)}.timeline-dot.done{background:#10b9811a;background:var(--success-dim);border-color:#10b981;border-color:var(--success);color:#10b981;color:var(--success)}.timeline-content{padding-top:4px}.text-accent{color:#0060e6;color:var(--accent)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-secondary{color:#475569;color:var(--text-secondary)}.text-success{color:#10b981;color:var(--success)}.text-danger{color:#ef4444;color:var(--danger)}.text-warning{color:#f59e0b;color:var(--warning)}.font-mono{font-family:DM Mono,monospace;font-family:var(--font-mono)}.font-display{font-family:Syne,sans-serif;font-family:var(--font-display)}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.w-full{width:100%}.mt-1{margin-top:.5rem}.mb-2{margin-bottom:1rem}.grid{display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:span 2}@media (max-width:768px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.form-row,.grid-2{grid-template-columns:1fr}.main-content{margin-left:0}.page-body{padding:1rem}}
/*# sourceMappingURL=main.baad2957.css.map*/