@import"https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{--bg: #eef1f6;--surface: #ffffff;--surface-soft: #f6f8fb;--surface-sunken: #e7ebf2;--text: #12161f;--text-muted: #5b6472;--border: #e1e5ec;--border-strong: #ccd3de;--primary: #0A192F;--primary-strong: #0a273f;--primary-soft: #e7edf4;--accent: #c8973f;--accent-strong: #a97b28;--accent-soft: #f7ecd6;--danger: #b3332b;--danger-soft: #fbeae8;--warning-soft: #fbf1de;--warning-text: #8a5a06;--error-soft: #fbeae8;--error-text: #b3332b;--success-soft: #e8f3ec;--success-text: #1f6f45;--shadow-sm: 0 1px 2px rgba(18, 22, 31, .06);--shadow-md: 0 10px 24px rgba(18, 22, 31, .09);--shadow-lg: 0 24px 48px rgba(18, 22, 31, .16);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--sidebar-w: 232px;--font-display: "Fraunces", Georgia, serif;--font-body: "Inter", "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft);color:var(--primary-strong)}a:focus-visible,button:focus-visible,.input:focus-visible,.select:focus-visible,.textarea:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}.app-layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-w);background:var(--primary);border-right:1px solid var(--primary-strong);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:20;box-shadow:var(--shadow-md);color:#c8973f}.sidebar-brand{padding:20px 18px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:10px}.sidebar-brand-logo{width:28px;height:28px;object-fit:contain;border-radius:6px}.sidebar-brand-text{font-family:var(--font-body);font-size:.92rem;font-weight:700;letter-spacing:.02em;color:#f4ede0}.sidebar-nav{flex:1;padding:10px 0;display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:0}.sidebar-link{display:block;width:100%;text-align:left;padding:10px 18px;border:none;border-left:3px solid transparent;background:none;cursor:pointer;font-size:.88rem;font-weight:400;letter-spacing:.01em;color:#f4ede09e;transition:background .12s ease,color .12s ease,border-color .12s ease}.sidebar-link:hover{background:rgba(255,255,255,.06);color:#f4ede0}.sidebar-link.active{background:rgba(200,151,63,.14);color:#f4ede0;border-left:3px solid var(--accent)}.sidebar-footer{padding:14px 18px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:10px}.sidebar-user{display:flex;flex-direction:column}.sidebar-user-name{font-size:.85rem;font-weight:700;color:#f4ede0}.sidebar-user-role{font-size:.72rem;color:#f4ede08c;text-transform:uppercase;letter-spacing:.06em}.sidebar-logout svg{width:16px!important;height:16px!important;flex-shrink:0;display:block}.sidebar-logout{flex-shrink:0;display:inline-flex!important;align-items:center;justify-content:center;width:32px!important;height:32px!important;min-width:32px;padding:0!important;border-radius:999px!important;background:rgba(255,255,255,.06)!important;color:#f4ede0bf!important}.sidebar-logout:hover{background:rgba(200,151,63,.18)!important;color:var(--accent)!important}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}a{color:inherit;text-decoration:none}.page{max-width:min(1760px,calc(1120px + 20vw));margin:0 auto;padding:28px 18px 36px}.auth-topbar{margin-bottom:16px;padding:11px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.auth-topbar-title{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--primary)}.auth-topbar-right{display:flex;align-items:center;gap:10px}.profile-pill{border:1px solid var(--border);border-radius:999px;padding:7px 14px;display:inline-flex;align-items:center;gap:8px;background:#fff;box-shadow:var(--shadow-sm)}.profile-name{font-size:.85rem;font-weight:700;color:var(--text)}.profile-role{font-size:.75rem;color:var(--text-muted);border-left:1px solid var(--border-strong);padding-left:8px;text-transform:uppercase;letter-spacing:.05em}.page-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;padding-bottom:14px;border-bottom:2px solid var(--accent)}.page-title{margin:0;font-family:var(--font-body);font-size:1.5rem;font-weight:700;letter-spacing:.02em;color:var(--primary)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.section{padding:20px}.btn{border:none;border-radius:var(--radius-sm);padding:10px 16px;font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:background .12s ease,box-shadow .12s ease,transform 80ms ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--primary-strong)}.btn-outline{background:#fff;color:var(--text);border:1px solid var(--border-strong)}.btn-outline:hover{background:var(--surface-soft);border-color:var(--accent)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text)}.btn-danger{color:var(--danger);border:1px solid #eecac6;background:#fff}.btn-danger:hover{background:var(--danger-soft)}.field-label{display:block;margin-bottom:8px;font-size:.84rem;font-weight:600;color:var(--primary)}.input,.select,.textarea{width:100%;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;color:var(--text);padding:10px 12px;font-family:var(--font-body);font-size:.92rem;line-height:1.4;transition:border-color .12s ease,box-shadow .12s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-strong);box-shadow:0 0 0 3px #c8973f2e}.input.error{border-color:var(--danger)}.helper-error{margin:6px 0 0;color:var(--danger);font-size:.8rem}.form-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-4{grid-column:span 4}.col-8{grid-column:span 8}.col-3{grid-column:span 3}.notice{margin-bottom:14px;padding:11px 14px;border-radius:var(--radius-sm);font-size:.88rem;border:1px solid}.notice-error{color:var(--danger);background:var(--danger-soft);border-color:#eecac6}.notice-success{color:var(--success-text);background:var(--success-soft);border-color:#bfdfcb}.filters{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:18px}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}.report-grid .btn{width:100%;justify-content:center}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.88rem;font-variant-numeric:tabular-nums}.table th,.table td{border-bottom:1px solid var(--border);padding:12px;text-align:left;vertical-align:middle}.table th{color:var(--primary);font-size:.72rem;letter-spacing:.09em;text-transform:uppercase;font-weight:700;background:var(--surface-soft)}.table tr:hover td{background:#fbfaf6}.badge{display:inline-block;padding:4px 9px;border-radius:999px;font-family:var(--font-mono);font-size:.72rem;font-weight:600;letter-spacing:.02em}.badge-warning{background:var(--warning-soft);color:var(--warning-text)}.badge-success{background:var(--success-soft);color:var(--success-text)}.badge-info{background:var(--primary-soft);color:var(--primary)}.badge-error{background:var(--error-soft);color:var(--error-text)}.timeline{position:relative;padding-left:26px}.timeline:before{content:"";position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{position:relative;padding-bottom:22px}.timeline-item:before{content:"";position:absolute;left:-22px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--accent)}.timeline-item.end:before{background:var(--danger);box-shadow:0 0 0 2px var(--danger)}.timeline-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.timeline-date{font-family:var(--font-mono);font-size:.78rem;font-weight:600;color:var(--primary)}.timeline-sequence{font-size:.7rem;color:var(--text-muted);background:var(--surface-soft);border:1px solid var(--border);padding:1px 7px;border-radius:999px}.timeline-body{margin-top:4px}.timeline-meta{margin:0 0 4px;font-size:.84rem;color:var(--text-muted)}.timeline-discussion{margin:6px 0 0;font-size:.88rem;color:var(--text)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,15,25,.45);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:30}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;max-width:100vw;background:var(--surface);box-shadow:var(--shadow-lg);z-index:31;overflow-y:auto;padding:22px}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;border-bottom:1px solid var(--border)}.drawer-title{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;color:var(--primary)}.sales-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sales-legend-item{display:flex;align-items:center;gap:5px;font-size:.8rem;color:var(--text-muted)}.sales-legend-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.customer-search-dropdown{position:relative}.customer-search-input{padding-right:28px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%235b6472' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.customer-search-options{position:absolute;z-index:20;left:0;right:0;margin-top:4px;max-height:260px;overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md)}.customer-search-option{padding:10px 12px;cursor:pointer;transition:background .1s ease}.customer-search-option.active,.customer-search-option.selected{background:var(--primary-soft)}.customer-search-name{font-weight:600;font-size:.88rem}.customer-search-address{font-size:.76rem;color:var(--text-muted)}.customer-search-new-btn{display:flex;align-items:center;gap:4px;width:100%;padding:10px 12px;border:none;background:var(--surface-soft);cursor:pointer;font-weight:600;font-size:.88rem;color:var(--primary);text-align:left}.customer-search-new-btn:hover{background:var(--primary-soft)}.customer-search-loading,.customer-search-empty{padding:10px 12px;font-size:.8rem;color:var(--text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,15,25,.5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:40;display:grid;place-items:center}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:26px;width:100%;max-width:440px;box-shadow:var(--shadow-lg)}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-close{background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--text-muted)}.modal-close:hover{color:var(--text)}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:18px}.confirm-dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(10,15,25,.5);-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:40;display:grid;place-items:center}.confirm-dialog{background:var(--surface);border-radius:var(--radius-lg);padding:26px;max-width:400px;width:90%;box-shadow:var(--shadow-lg)}.confirm-dialog h3{margin:0 0 8px;font-family:var(--font-display);color:var(--primary)}.confirm-dialog p{margin:0 0 18px;color:var(--text-muted);font-size:.9rem}.confirm-dialog-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions{display:flex;gap:8px}.mobile-cards{display:none;gap:10px;flex-direction:column}.mobile-card{padding:14px;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm)}.mobile-card h4{margin:0 0 8px;font-family:var(--font-display);font-size:1rem;color:var(--primary)}.mobile-meta{margin:0 0 8px;color:var(--text-muted);font-size:.86rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:16px;background:radial-gradient(circle at 15% 15%,rgba(200,151,63,.1),transparent 40%),radial-gradient(circle at 85% 85%,rgba(18,58,92,.08),transparent 45%),var(--bg)}.login-card{width:100%;max-width:420px;padding:32px 30px;border-top:3px solid var(--accent)}.login-title{margin:0;font-family:var(--font-display);font-size:1.7rem;font-weight:600;color:var(--primary)}.login-subtitle{margin:6px 0 20px;color:var(--text-muted);font-size:.92rem}.stack{display:grid;gap:12px}.placeholder{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-soft);padding:12px;color:var(--text-muted);font-size:.86rem}.upload-box{border:1px dashed var(--border-strong);border-radius:var(--radius-md);background:var(--surface-soft);padding:16px;transition:border-color .12s ease,background .12s ease}.upload-box:hover{border-color:var(--accent);background:var(--accent-soft)}.upload-help{margin-top:8px;color:var(--text-muted);font-size:.8rem}.dashboard-sheet-wrap{display:grid;gap:24px}.dashboard-sheet{width:100%;border-collapse:collapse;border:1px solid var(--primary-strong);border-radius:var(--radius-md);overflow:hidden;font-variant-numeric:tabular-nums}.dashboard-sheet th,.dashboard-sheet td{border:1px solid #d7ddc9;padding:11px 13px;text-align:center;font-family:var(--font-mono);font-size:1rem;font-weight:600}.dashboard-sheet thead th{background:var(--primary);color:#f4ede0;font-family:var(--font-body);letter-spacing:.04em;border-color:var(--primary-strong)}.dashboard-sheet tbody td:first-child{background:#eef3e6;font-family:var(--font-body);text-align:left}.dashboard-sheet .status-label{background:#eef3e6}.dashboard-sheet .total-row td{background:var(--accent-soft);color:var(--accent-strong)}.dashboard-sheet-followup td.followup-on-track{background:#dcefd4;color:#21532f}.dashboard-sheet-followup td.followup-deadline{background:var(--danger);color:#fff}.dashboard-sheet-followup td.followup-alert{background:#f3cd63;color:#4a3300}.dashboard-top-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dashboard-top-stat{border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius-sm);padding:14px;background:var(--surface);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:6px}.dashboard-top-label{font-size:.76rem;color:var(--text-muted);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.dashboard-top-stat strong{font-family:var(--font-mono);font-size:1.5rem;color:var(--primary)}.account-sheet{width:100%;border-collapse:collapse;border:1px solid var(--primary-strong);border-radius:var(--radius-md);overflow:hidden;font-variant-numeric:tabular-nums}.account-sheet th,.account-sheet td{border:1px solid #d7ddc9;padding:9px 11px;text-align:center;font-family:var(--font-mono);font-size:.92rem}.account-sheet th{background:var(--primary);color:#f4ede0;font-family:var(--font-body);font-weight:700;border-color:var(--primary-strong)}.account-sheet td:first-child{text-align:left;font-weight:600;font-family:var(--font-body)}.account-sheet-compact th,.account-sheet-compact td{padding:6px 8px;font-size:.88rem}.segmented-control{display:inline-flex;border:1px solid var(--border-strong);border-radius:var(--radius-sm);overflow:hidden;background:var(--surface-soft)}.segmented-control .segment{border:none;background:transparent;padding:7px 15px;font-size:.84rem;font-weight:600;color:var(--text-muted);cursor:pointer;transition:background .15s,color .15s}.segmented-control .segment:not(:last-child){border-right:1px solid var(--border-strong)}.segmented-control .segment.active{background:var(--primary);color:#fff}.segmented-control .segment:hover:not(.active){background:var(--primary-soft);color:var(--primary)}@media (max-width: 700px){.dashboard-sheet th,.dashboard-sheet td{padding:8px;font-size:.86rem}.dashboard-top-stats{grid-template-columns:1fr}}@media (max-width: 900px){.filters{grid-template-columns:repeat(3,1fr)}.col-6,.col-4,.col-8,.col-3{grid-column:span 12}}@media (max-width: 700px){:root{--sidebar-w: 0px}.sidebar{display:none}.page{padding:18px 14px 26px}.section{padding:15px}.table-wrap{display:none}.mobile-cards{display:flex}.page-header{align-items:flex-start;flex-direction:column}.filters{grid-template-columns:1fr}.row-actions{flex-wrap:wrap}.drawer{width:100vw}}@media (prefers-reduced-motion: reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}