*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#1a3c5e;--primary-light:#2563a8;--primary-lighter:#dbeafe;--primary-dark:#0f2540;--gold:#c9920e;--gold-light:#fef3c7;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--info:#0891b2;--info-bg:#e0f2fe;--purple:#7c3aed;--purple-bg:#ede9fe;--bg:#f8fafc;--bg-2:#f1f5f9;--card:#fff;--card-hover:#f8fafc;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-light:#cbd5e1;--sidebar-w:240px;--sidebar-bg:#fff;--sidebar-border:#e2e8f0;--topbar-h:58px;--topbar-bg:#fff;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:18px;--shadow-sm:0 1px 2px #0000000d;--shadow:0 1px 3px #00000012,0 1px 2px #0000000a;--shadow-md:0 4px 8px -2px #00000014,0 2px 4px -1px #0000000a;--shadow-lg:0 10px 25px -3px #00000014,0 4px 8px -2px #0000000a}body{-webkit-font-smoothing:antialiased;background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14px;line-height:1.6}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#cbd5e1}button{border:none;cursor:pointer;transition:all .15s ease}button,input,select,textarea{font-family:inherit;font-size:13px;outline:none}input,select,textarea{transition:border-color .15s}a{color:inherit;text-decoration:none}table{border-collapse:collapse;width:100%}.btn{align-items:center;border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:#1a3c5e;background:var(--primary);box-shadow:0 1px 3px #1a3c5e33;color:#fff}.btn-primary:hover:not(:disabled){background:#2563a8;background:var(--primary-light);box-shadow:0 4px 8px #1a3c5e40;transform:translateY(-1px)}.btn-danger,.btn-red{background:#dc2626;background:var(--danger);color:#fff}.btn-danger:hover,.btn-red:hover{background:#b91c1c}.btn-success{background:#16a34a;background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-warning{background:#d97706;background:var(--warning);color:#fff}.btn-outline{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);color:#475569;color:var(--text-secondary)}.btn-outline:hover{background:#f8fafc;background:var(--bg);border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text)}.btn-ghost{background:#0000;color:#94a3b8;color:var(--text-muted);padding:6px 10px}.btn-ghost:hover{background:#f1f5f9;background:var(--bg-2);color:#0f172a;color:var(--text)}.btn-sm{border-radius:6px;border-radius:var(--radius-sm);font-size:12px;padding:5px 10px}.btn-xs{border-radius:5px;font-size:11px;padding:3px 8px}.btn-icon{align-items:center;background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#94a3b8;color:var(--text-muted);display:inline-flex;height:34px;justify-content:center;padding:7px;width:34px}.btn-icon:hover{background:#f8fafc;background:var(--bg);border-color:#cbd5e1;border-color:var(--border-strong);color:#0f172a;color:var(--text)}.btn-gold{background:#c9920e;background:var(--gold);color:#fff}.btn-gold:hover{background:#a87a0b}.card{background:#fff;background:var(--card);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow)}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:16px 20px}.card-header h3{color:#0f172a;color:var(--text);font-size:15px;font-weight:600}.card-body{padding:20px}.card-body h3{font-size:15px;font-weight:600;margin-bottom:14px}.stats-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:24px}.stat-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px;padding:22px 20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 8px -2px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-value{font-size:28px;font-weight:700;line-height:1;margin-bottom:4px}.stat-card .stat-label{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:500;letter-spacing:.04em;text-transform:uppercase}.stat-card .stat-sub{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:2px}.stat-card .stat-icon{align-items:center;border-radius:10px;border-radius:var(--radius);display:flex;font-size:20px;height:44px;justify-content:center;margin-bottom:12px;width:44px}.form-group{margin-bottom:14px}.form-label{color:#475569;color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:5px;text-transform:uppercase}.form-control{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text);font-size:13px;padding:8px 12px;transition:border-color .15s,box-shadow .15s;width:100%}.form-control:focus{border-color:#2563a8;border-color:var(--primary-light);box-shadow:0 0 0 3px #2563a81a}.form-control::placeholder,.form-control:disabled{color:#94a3b8;color:var(--text-muted)}.form-control:disabled{background:#f1f5f9;background:var(--bg-2)}textarea.form-control{min-height:80px;resize:vertical}.form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.form-hint{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:3px}.form-control.field-error{background:#fee2e2;background:var(--danger-bg);border-color:#dc2626;border-color:var(--danger)}.form-control.field-error:focus{border-color:#dc2626;border-color:var(--danger);box-shadow:0 0 0 3px #dc26261f}.field-error-msg{color:#dc2626;color:var(--danger);font-size:11px;font-weight:500;margin-top:3px}.data-table{border-collapse:collapse;font-size:13px;width:100%}.data-table th{background:#f8fafc;background:var(--bg);color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.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);padding:12px 16px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#f8fafc;background:var(--bg)}.data-table td.mono{color:#1a3c5e;color:var(--primary);font-family:SF Mono,Fira Code,monospace;font-size:12px;font-weight:600}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 10px;white-space:nowrap}.badge-active,.badge-delivered,.badge-success,.badge-won{background:#dcfce7;background:var(--success-bg);color:#16a34a;color:var(--success)}.badge-cancelled,.badge-danger,.badge-lost,.badge-overdue{background:#fee2e2;background:var(--danger-bg);color:#dc2626;color:var(--danger)}.badge-draft,.badge-pending,.badge-warning{background:#fef3c7;background:var(--warning-bg);color:#d97706;color:var(--warning)}.badge-info,.badge-processing,.badge-sent{background:#e0f2fe;background:var(--info-bg);color:#0891b2;color:var(--info)}.badge-active2,.badge-primary{background:#dbeafe;background:var(--primary-lighter);color:#1a3c5e;color:var(--primary)}.badge-purple{background:#ede9fe;background:var(--purple-bg);color:#7c3aed;color:var(--purple)}.badge-gold{background:#fef3c7;background:var(--gold-light);color:#c9920e;color:var(--gold)}.badge-grey,.badge-inactive{background:#f1f5f9;color:#94a3b8;color:var(--text-muted)}.page-header{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px}.page-header h1{color:#0f172a;color:var(--text);font-size:22px;font-weight:700;letter-spacing:-.3px}.page-header p{color:#94a3b8;color:var(--text-muted);font-size:13px;margin-top:2px}.page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.search-input{background:#fff url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#0f172a;color:var(--text);font-size:13px;min-width:200px;padding:8px 14px 8px 36px;transition:all .15s}.search-input:focus{border-color:#2563a8;border-color:var(--primary-light);box-shadow:0 0 0 3px #2563a81a;outline:none}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:9000}.modal{background:#fff;border-radius:18px;border-radius:var(--radius-xl);box-shadow:0 10px 25px -3px #00000014,0 4px 8px -2px #0000000a;box-shadow:var(--shadow-lg);max-height:90vh;overflow-y:auto;width:100%}.modal-sm{max-width:440px}.modal-md{max-width:580px}.modal-lg{max-width:760px}.modal-xl{max-width:960px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:20px 24px 16px}.modal-header h2{color:#0f172a;color:var(--text);font-size:17px;font-weight:700}.modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;padding:2px 6px}.modal-close:hover{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text)}.modal-body{padding:20px 24px}.modal-footer{align-items:center;background:#f8fafc;background:var(--bg);border-radius:0 0 18px 18px;border-radius:0 0 var(--radius-xl) var(--radius-xl);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);justify-content:flex-end;padding:16px 24px}.alert,.modal-footer{display:flex;gap:10px}.alert{align-items:flex-start;border-radius:10px;border-radius:var(--radius);font-size:13px;margin-bottom:14px;padding:12px 16px}.alert-info{background:#e0f2fe;background:var(--info-bg);border-left:3px solid #0891b2;border-left:3px solid var(--info);color:#0c4a6e}.alert-success{background:#dcfce7;background:var(--success-bg);border-left:3px solid #16a34a;border-left:3px solid var(--success);color:#14532d}.alert-warning{background:#fef3c7;background:var(--warning-bg);border-left:3px solid #d97706;border-left:3px solid var(--warning);color:#78350f}.alert-danger{background:#fee2e2;background:var(--danger-bg);border-left:3px solid #dc2626;border-left:3px solid var(--danger);color:#7f1d1d}.spinner{animation:spin .7s linear infinite;border:2px solid #e2e8f0;border-top-color:#1a3c5e;border:2px solid var(--border);border-radius:50%;border-top-color:var(--primary);height:24px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.loading-center{align-items:center;display:flex;justify-content:center;padding:60px}.empty-state{color:#94a3b8;color:var(--text-muted);padding:60px 20px;text-align:center}.empty-state .empty-icon{font-size:40px;margin-bottom:14px;opacity:.5}.empty-state h3{color:#475569;color:var(--text-secondary);font-size:16px;font-weight:600;margin-bottom:6px}.empty-state p{font-size:13px}.tabs{border-bottom:2px solid #e2e8f0;border-bottom:2px solid var(--border);display:flex;gap:0;margin-bottom:20px;overflow-x:auto}.tab{background:none;border:none;border-bottom:2px solid #0000;color:#94a3b8;color:var(--text-muted);cursor:pointer;font-size:13px;font-weight:500;margin-bottom:-2px;padding:10px 18px;transition:all .15s;white-space:nowrap}.tab:hover{color:#0f172a;color:var(--text)}.tab.active{border-bottom-color:#1a3c5e;border-bottom-color:var(--primary);color:#1a3c5e;color:var(--primary);font-weight:600}.progress{background:#f1f5f9;background:var(--bg-2);border-radius:10px;height:6px;overflow:hidden}.progress-bar{border-radius:10px;height:100%;transition:width .4s ease}.layout-wrap{background:#f8fafc;background:var(--bg);height:100vh}.layout-wrap,.sidebar{display:flex;overflow:hidden}.sidebar{background:#fff;background:var(--sidebar-bg);border-right:1px solid #e2e8f0;border-right:1px solid var(--sidebar-border);box-shadow:1px 0 0 #e2e8f0;box-shadow:1px 0 0 var(--border);flex-direction:column;flex-shrink:0;transition:width .25s ease;width:240px;width:var(--sidebar-w)}.sidebar.collapsed{width:0}.sidebar-logo-img{border-radius:8px;flex-shrink:0;height:36px;object-fit:cover;width:36px}.sidebar-logo{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);gap:10px;padding:18px 20px 14px}.sidebar-logo,.sidebar-logo-icon{align-items:center;display:flex;flex-shrink:0}.sidebar-logo-icon{background:#1a3c5e;background:var(--primary);border-radius:8px;color:#fff;font-size:14px;font-weight:800;height:32px;justify-content:center;letter-spacing:-.5px;width:32px}.sidebar-logo-text .title{color:#0f172a;color:var(--text);font-size:14px;font-weight:700;letter-spacing:-.2px}.sidebar-logo-text .sub{color:#94a3b8;color:var(--text-muted);font-size:10px;margin-top:1px}.sidebar-nav{flex:1 1;overflow-y:auto;padding:8px 10px}.sidebar-section{color:#94a3b8;color:var(--text-muted);font-size:9.5px;font-weight:700;letter-spacing:.03em;padding:14px 10px 4px;text-transform:uppercase;white-space:nowrap}.sidebar-section:first-child{padding-top:4px}.sidebar-item{align-items:center;border-radius:10px;border-radius:var(--radius);color:#475569;color:var(--text-secondary);display:flex;font-size:13px;font-weight:400;gap:9px;margin-bottom:1px;padding:8px 10px;text-decoration:none;transition:all .12s;white-space:nowrap}.sidebar-item:hover{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text)}.sidebar-item.active{background:#dbeafe;background:var(--primary-lighter);color:#1a3c5e;color:var(--primary);font-weight:600}.sidebar-item .item-icon{align-items:center;display:flex;flex-shrink:0;font-size:14px;height:20px;justify-content:center;opacity:.8;width:20px}.sidebar-item.active .item-icon{opacity:1}.sidebar-user{background:#f8fafc;background:var(--bg);border-top:1px solid #e2e8f0;border-top:1px solid var(--border);gap:10px;padding:12px 16px}.sidebar-user,.user-avatar{align-items:center;display:flex;flex-shrink:0}.user-avatar{background:#1a3c5e;background:var(--primary);border-radius:50%;color:#fff;font-size:12px;font-weight:700;height:32px;justify-content:center;width:32px}.topbar{align-items:center;background:#fff;background:var(--topbar-bg);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-shrink:0;gap:14px;height:58px;height:var(--topbar-h);padding:0 24px}.topbar-menu-btn{background:none;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#94a3b8;color:var(--text-muted);font-size:18px;padding:6px}.topbar-menu-btn:hover{background:#f8fafc;background:var(--bg);color:#0f172a;color:var(--text)}.topbar-date{color:#94a3b8;color:var(--text-muted);font-size:12px;font-weight:500}.topbar-divider{background:#e2e8f0;background:var(--border);height:20px;width:1px}.topbar-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.main-content{flex:1 1;overflow-y:auto;padding:24px 28px}.kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #00000012,0 1px 2px #0000000a;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px;padding:18px 20px;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:0 4px 8px -2px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-icon{align-items:center;border-radius:10px;display:flex;font-size:18px;height:40px;justify-content:center;width:40px}.kpi-value{color:#0f172a;color:var(--text);font-size:26px;font-weight:800;letter-spacing:-.5px;line-height:1}.kpi-label{font-weight:600;letter-spacing:.06em;text-transform:uppercase}.kpi-label,.kpi-sub{color:#94a3b8;color:var(--text-muted);font-size:11px}.filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chip{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:20px;color:#475569;color:var(--text-secondary);cursor:pointer;font-size:12px;font-weight:500;padding:5px 14px;transition:all .15s}.chip:hover{border-color:#2563a8;border-color:var(--primary-light);color:#1a3c5e;color:var(--primary)}.chip.active{background:#1a3c5e;background:var(--primary);border-color:#1a3c5e;border-color:var(--primary);color:#fff}.info-row{align-items:center;color:#94a3b8;color:var(--text-muted);display:flex;font-size:12px;gap:6px;margin-bottom:4px}.info-row strong{color:#475569;color:var(--text-secondary)}.timeline{padding:4px 0}.timeline-item{display:flex;gap:14px;padding-bottom:16px;position:relative}.timeline-item:not(:last-child):before{background:#e2e8f0;background:var(--border);bottom:0;content:"";left:15px;position:absolute;top:30px;width:1px}.timeline-dot{align-items:center;background:#f1f5f9;background:var(--bg-2);border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:50%;display:flex;flex-shrink:0;font-size:13px;height:30px;justify-content:center;width:30px}.timeline-content{flex:1 1;padding-top:4px}.timeline-title{color:#0f172a;color:var(--text);font-size:13px;font-weight:600}.timeline-meta{color:#94a3b8;color:var(--text-muted);font-size:11px;margin-top:2px}.timeline-body{color:#475569;color:var(--text-secondary);font-size:12px;margin-top:4px}.pipeline-board{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px}.pipeline-col{flex-shrink:0;min-width:240px}.pipeline-header{border-radius:10px;border-radius:var(--radius);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:10px;padding:8px 12px;text-transform:uppercase}.pipeline-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);box-shadow:0 1px 2px #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;margin-bottom:8px;padding:12px 14px;transition:box-shadow .15s}.pipeline-card:hover{box-shadow:0 4px 8px -2px #00000014,0 2px 4px -1px #0000000a;box-shadow:var(--shadow-md)}.section-divider{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border);color:#94a3b8;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:14px;padding:0 0 8px;text-transform:uppercase}@media (max-width:768px){:root{--sidebar-w:0px}.sidebar{height:100vh;left:0;position:fixed;top:0;z-index:100}.sidebar.mobile-open{width:240px}.main-content{padding:16px}.kpi-grid{gap:12px;grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}}@media print{.sidebar,.topbar{display:none!important}.main-content{padding:0!important}}.text-primary{color:#1a3c5e;color:var(--primary)}.text-muted{color:#94a3b8;color:var(--text-muted)}.text-success{color:#16a34a;color:var(--success)}.text-danger{color:#dc2626;color:var(--danger)}.text-warning{color:#d97706;color:var(--warning)}.fw-600{font-weight:600}.fw-700{font-weight:700}.fs-12{font-size:12px}.fs-11{font-size:11px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.gap-8{gap:8px}.flex{display:flex}.flex-between,.flex-center{align-items:center;display:flex}.flex-between{justify-content:space-between}.grid-2{grid-gap:16px;grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-gap:16px;grid-template-columns:1fr 1fr 1fr}.grid-4{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr)}.col-span-2{grid-column:1/-1}
/*# sourceMappingURL=main.24e2cc19.css.map*/