@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap);:root,[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface2:#f0f2f8;--surface3:#e8ecf5;--border:#e2e6ef;--border2:#d0d6e6;--accent:#008f62;--accent2:#00b37a;--accent-bg:#008f6214;--green:#16a34a;--amber:#d97706;--red:#dc2626;--cyan:#0891b2;--text:#1a1d27;--text2:#5a6275;--text3:#9ba3b5;--radius:10px;--shadow:0 2px 12px #00000014;--shadow2:0 4px 24px #0000001f;--sidebar-w:240px;--sidebar-collapsed:64px;--topbar-h:58px}[data-theme=dark]{--bg:#0a0c10;--surface:#111318;--surface2:#181c23;--surface3:#1f2530;--border:#1f2530;--border2:#2a3040;--accent:#00c98a;--accent2:#00e09a;--accent-bg:#008f621f;--green:#22c55e;--amber:#f59e0b;--red:#ef4444;--cyan:#06b6d4;--text:#e8eaf0;--text2:#8891a4;--text3:#4a5266;--shadow:0 4px 24px #0006;--shadow2:0 8px 32px #00000080}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{-webkit-font-smoothing:antialiased;background:#f4f6fb;background:var(--bg);color:#1a1d27;color:var(--text);font-family:DM Sans,sans-serif;min-height:100vh;transition:background-color .2s,color .2s}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;font-family:inherit}input,select,textarea{background:#f0f2f8;background:var(--surface2);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#1a1d27;color:var(--text);font-family:inherit;font-size:13px;outline:none;padding:9px 12px;transition:border-color .15s,background-color .15s;width:100%}input:focus,select:focus,textarea:focus{border-color:#008f62;border-color:var(--accent)}input::placeholder,textarea::placeholder{color:#9ba3b5;color:var(--text3)}select{appearance:none;cursor:pointer}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#d0d6e6;background:var(--border2);border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#9ba3b5;background:var(--text3)}.text-accent{color:#008f62!important;color:var(--accent)!important}.text-green{color:#16a34a!important;color:var(--green)!important}.text-amber{color:#d97706!important;color:var(--amber)!important}.text-red{color:#dc2626!important;color:var(--red)!important}.text-muted{color:#5a6275!important;color:var(--text2)!important}.text-faint{color:#9ba3b5!important;color:var(--text3)!important}.font-syne{font-family:"DM Serif Display",serif}.font-bold{font-weight:700}.tag{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;letter-spacing:.2px;padding:3px 9px;white-space:nowrap}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.fade-in{animation:fadeInUp .25s ease}.fade-in-fast{animation:fadeInUp .15s ease}.spinner{animation:spin .7s linear infinite;border:2px solid #d0d6e6;border-top-color:#008f62;border:2px solid var(--border2);border-radius:50%;border-top-color:var(--accent);display:inline-block;height:20px;width:20px}.spinner-lg{border-width:3px;height:36px;width:36px}.sidebar{background:#fff;background:var(--surface);border-right:1px solid #e2e6ef;border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;min-height:100vh;overflow:hidden;position:fixed;top:0;transition:width .25s ease,transform .25s ease;width:240px;width:var(--sidebar-w);z-index:200}.sidebar.collapsed{width:64px;width:var(--sidebar-collapsed)}.main-content{display:flex;flex:1 1;flex-direction:column;margin-left:240px;margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .25s ease}.main-content.sidebar-collapsed{margin-left:64px;margin-left:var(--sidebar-collapsed)}.topbar{align-items:center;background:#fff;background:var(--surface);border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border);display:flex;height:58px;height:var(--topbar-h);justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:100}.sidebar-overlay{animation:fadeIn .2s ease;background:#00000080;display:none;inset:0;position:fixed;z-index:199}.sidebar-overlay.visible{display:block}.page-content{flex:1 1;overflow-y:auto;padding:24px 28px}.card{background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:20px}.card-sm{padding:14px 16px}.table-wrapper{border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead th{background:#f0f2f8;background:var(--surface2);color:#5a6275;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase;white-space:nowrap}tbody tr,thead th{border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border)}tbody tr{transition:background .1s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:#f0f2f8;background:var(--surface2)}tbody td{color:#1a1d27;color:var(--text);padding:10px 14px;vertical-align:middle}.row-selected{background:#008f6214!important;background:var(--accent-bg)!important}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;text-decoration:none;transition:all .15s;white-space:nowrap}.btn-primary{background:#008f62;background:var(--accent);color:#fff}.btn-primary:hover{background:#3a7de8}.btn-secondary{background:#f0f2f8;background:var(--surface2);border:1px solid #e2e6ef;border:1px solid var(--border);color:#1a1d27;color:var(--text)}.btn-secondary:hover{background:#e8ecf5;background:var(--surface3)}.btn-danger{background:#dc2626;background:var(--red);color:#fff}.btn-danger:hover{opacity:.85}.btn-ghost{background:#0000;border:1px solid #e2e6ef;border:1px solid var(--border);color:#5a6275;color:var(--text2)}.btn-ghost:hover{background:#f0f2f8;background:var(--surface2);color:#1a1d27;color:var(--text)}.btn-sm{font-size:12px;padding:5px 10px}.btn-icon{background:#f0f2f8;background:var(--surface2);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:8px;color:#5a6275;color:var(--text2);padding:7px;transition:all .15s}.btn-icon:hover{background:#e8ecf5;background:var(--surface3);color:#1a1d27;color:var(--text)}.btn:disabled{cursor:not-allowed;opacity:.5}.modal-backdrop{align-items:center;animation:fadeIn .15s ease;background:#00000080;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:500}.modal{animation:fadeInUp .2s ease;background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:14px;box-shadow:0 4px 24px #0000001f;box-shadow:var(--shadow2);max-height:90vh;overflow-y:auto;width:100%}.modal-sm{max-width:420px}.modal-md{max-width:580px}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-header{align-items:center;border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px 14px}.modal-body{padding:20px}.modal-footer{align-items:center;border-top:1px solid #e2e6ef;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.form-grid-3{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr 1fr}.form-full{grid-column:1/-1}.form-group{display:flex;flex-direction:column;gap:5px}.form-label{color:#5a6275;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.form-hint{color:#9ba3b5;color:var(--text3);font-size:11px;margin-top:3px}.tabs{border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border);display:flex;gap:2px;margin-bottom:20px;overflow-x:auto}.tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#5a6275;color:var(--text2);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-1px;padding:10px 16px;transition:all .15s;white-space:nowrap}.tab-btn:hover{color:#1a1d27;color:var(--text)}.tab-btn.active{border-bottom-color:#008f62;border-bottom-color:var(--accent);color:#008f62;color:var(--accent)}.toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.search-input{flex:1 1;max-width:340px;min-width:200px;position:relative}.search-input input{padding-left:34px}.search-input .search-icon{color:#9ba3b5;color:var(--text3);font-size:14px;left:10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.bulk-actions-bar{align-items:center;animation:fadeInUp .15s ease;background:#008f6214;background:var(--accent-bg);border:1px solid #008f62;border:1px solid var(--accent);border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px;padding:8px 14px}.kanban-board{display:flex;gap:14px;min-height:400px;overflow-x:auto;padding-bottom:16px}.kanban-column{background:#f0f2f8;background:var(--surface2);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:12px;display:flex;flex-direction:column;flex-shrink:0;min-width:240px;width:240px}.kanban-column-header{border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:3px;padding:10px 12px}.kanban-column-body{display:flex;flex:1 1;flex-direction:column;gap:8px;min-height:60px;overflow-y:auto;padding:10px}.kanban-column-body.drag-over{background:#008f6214;background:var(--accent-bg);border-radius:8px}.kanban-card{background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;cursor:grab;padding:12px;transition:box-shadow .15s,transform .1s;-webkit-user-select:none;user-select:none}.kanban-card:hover{box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);transform:translateY(-1px)}.kanban-card.dragging{cursor:grabbing;opacity:.5}.kpi-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px}.kpi-card{background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 12px #00000014;box-shadow:var(--shadow);padding:16px}.kpi-value{font-family:"DM Serif Display",serif;font-size:26px;font-weight:700;line-height:1.1}.kpi-label{color:#5a6275;color:var(--text2);font-size:11px;font-weight:600;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.progress-bar{background:#e8ecf5;background:var(--surface3);border-radius:3px;height:6px;overflow:hidden}.progress-fill{border-radius:3px;height:100%;transition:width .4s ease}.empty-state{align-items:center;color:#9ba3b5;color:var(--text3);display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.empty-state-icon{font-size:40px;margin-bottom:12px;opacity:.5}.empty-state-title{color:#5a6275;color:var(--text2);font-size:15px;font-weight:600;margin-bottom:6px}.empty-state-desc{font-size:13px}.pagination{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:12px 0}.pagination-info{color:#5a6275;color:var(--text2);font-size:12px}.pagination-buttons{gap:4px}.page-btn,.pagination-buttons{align-items:center;display:flex}.page-btn{background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:6px;color:#5a6275;color:var(--text2);cursor:pointer;font-size:12px;height:30px;justify-content:center;transition:all .1s;width:30px}.page-btn:hover{background:#f0f2f8;background:var(--surface2);color:#1a1d27;color:var(--text)}.page-btn.active{background:#008f62;background:var(--accent);border-color:#008f62;border-color:var(--accent);color:#fff}.page-btn:disabled{cursor:not-allowed;opacity:.4}.dropdown{display:inline-block;position:relative}.dropdown-menu{animation:fadeInUp .15s ease;background:#fff;background:var(--surface);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 24px #0000001f;box-shadow:var(--shadow2);min-width:160px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:300}.dropdown-item{align-items:center;color:#1a1d27;color:var(--text);cursor:pointer;display:flex;font-size:13px;gap:8px;padding:9px 14px;transition:background .1s}.dropdown-item:hover{background:#f0f2f8;background:var(--surface2)}.dropdown-item.danger{color:#dc2626;color:var(--red)}.dropdown-divider{background:#e2e6ef;background:var(--border);height:1px;margin:4px 0}.status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:14px;padding-bottom:20px;position:relative}.timeline-item:not(:last-child):before{background:#e2e6ef;background:var(--border);bottom:0;content:"";left:15px;position:absolute;top:30px;width:1px}.timeline-icon{align-items:center;border:2px solid #fff;border:2px solid var(--surface);border-radius:50%;display:flex;flex-shrink:0;font-size:13px;height:32px;justify-content:center;width:32px}.timeline-content{background:#f0f2f8;background:var(--surface2);border-radius:10px;flex:1 1;padding:12px 14px}.filter-drawer{animation:slideInRight .2s ease;background:#fff;background:var(--surface);border-left:1px solid #e2e6ef;border-left:1px solid var(--border);bottom:0;box-shadow:0 4px 24px #0000001f;box-shadow:var(--shadow2);display:flex;flex-direction:column;position:fixed;right:0;top:0;width:320px;z-index:400}.filter-drawer-header{align-items:center;border-bottom:1px solid #e2e6ef;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:18px 20px}.filter-drawer-body{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.filter-drawer-footer{border-top:1px solid #e2e6ef;border-top:1px solid var(--border);display:flex;gap:8px;padding:14px 20px}.theme-toggle{align-items:center;background:#f0f2f8;background:var(--surface2);border:1px solid #e2e6ef;border:1px solid var(--border);border-radius:8px;color:#5a6275;color:var(--text2);cursor:pointer;display:flex;font-size:16px;height:36px;justify-content:center;transition:all .15s;width:36px}.theme-toggle:hover{background:#e8ecf5;background:var(--surface3);color:#1a1d27;color:var(--text)}.section-title{align-items:center;display:flex;font-family:"DM Serif Display",serif;font-size:16px;font-weight:700;gap:8px;margin-bottom:14px}@media (max-width:1024px){.sidebar{width:64px;width:var(--sidebar-collapsed)}.sidebar .logo-subtitle,.sidebar .nav-label,.sidebar .section-label,.sidebar .user-info{display:none}.sidebar .logo-text{font-size:16px}.main-content,.main-content.sidebar-collapsed{margin-left:64px;margin-left:var(--sidebar-collapsed)}.form-grid-3{grid-template-columns:1fr 1fr}.kpi-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}@media (max-width:768px){:root{--topbar-h:52px}html{font-size:13px}.sidebar{transform:translateX(-100%);width:240px!important;width:var(--sidebar-w)!important}.sidebar.mobile-open{animation:slideInLeft .25s ease;transform:translateX(0)}.sidebar .logo-subtitle,.sidebar .nav-label,.sidebar .section-label,.sidebar .user-info{display:flex!important}.main-content,.main-content.sidebar-collapsed{margin-left:0!important}.page-content{padding:16px}.topbar{padding:0 16px}.form-grid,.form-grid-3{grid-template-columns:1fr}.form-full{grid-column:auto}.toolbar{align-items:stretch;flex-direction:column}.search-input{max-width:100%}.kanban-board{flex-direction:row}.kanban-column{min-width:200px}.kpi-grid{grid-template-columns:1fr 1fr}.modal{border-radius:14px 14px 0 0;max-height:95vh;max-width:100%!important}.modal-backdrop{align-items:flex-end;padding:0}table{font-size:12px}tbody td,thead th{padding:8px 10px}.filter-drawer{width:100%}.page-content .hide-mobile{display:none!important}.pagination{justify-content:center}}@media (max-width:480px){.kpi-grid{grid-template-columns:1fr}.topbar{gap:6px;padding:0 12px}.topbar .btn-icon{font-size:13px;padding:4px}.page-content{padding:12px}.card{padding:14px}.modal{border-radius:12px 12px 0 0}table{font-size:11px}tbody td,thead th{padding:7px 8px}}.recharts-text{fill:#5a6275!important;fill:var(--text2)!important}.recharts-cartesian-axis-line,.recharts-cartesian-axis-tick-line,.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#e2e6ef!important;stroke:var(--border)!important}.divider{background:#e2e6ef;background:var(--border);height:1px;margin:12px 0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-center{align-items:center;display:flex;justify-content:center}.gap-2{gap:8px}.gap-1{gap:4px}.w-full{width:100%}.no-select{-webkit-user-select:none;user-select:none}input[type=checkbox]{accent-color:#008f62;accent-color:var(--accent);cursor:pointer;height:15px;width:15px}.color-swatch{border:2px solid #d0d6e6;border:2px solid var(--border2);border-radius:50%;display:inline-block;flex-shrink:0;height:18px;width:18px}.alert{align-items:flex-start;border-radius:8px;display:flex;font-size:13px;gap:10px;margin-bottom:14px;padding:12px 16px}.alert-error{background:#dc26261a;border:1px solid #dc26264d;color:#dc2626;color:var(--red)}.alert-success{background:#16a34a1a;border:1px solid #16a34a4d;color:#16a34a;color:var(--green)}.alert-info{background:#008f6214;background:var(--accent-bg);border:1px solid #4f8ef74d;color:#008f62;color:var(--accent)}
/*# sourceMappingURL=main.caf72bf4.css.map*/