@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap";:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;background-color:#f7f1e8;color:#1c1b18;--bg: #f7f1e8;--bg-strong: #f0e6d8;--surface: #ffffff;--surface-alt: #f9f6f1;--border: #e3d6c6;--text: #1c1b18;--text-muted: #5c564f;--accent: #1b4b43;--accent-strong: #0f2b27;--accent-soft: #dfe9e2;--gold: #c49a3a;--danger: #b33f2a;--warning: #c07a1c;--success: #2f7b55;--info: #2f5b8a;--shadow: 0 20px 50px rgba(33, 23, 10, .12);--radius: 18px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top left,#fff7e7,#f1e7d6 60%,#eadfcf);color:var(--text)}a{color:inherit;text-decoration:none}#root{min-height:100vh}.public-shell{min-height:100vh;display:flex;flex-direction:column}.public-header{padding:32px 8vw 0}.public-content{flex:1}.brand{display:flex;flex-direction:column;gap:4px;margin-bottom:32px}.brand-mark{font-family:Playfair Display,serif;font-size:30px;letter-spacing:1px;color:var(--accent)}.brand-title{font-weight:600;font-size:18px}.brand-sub{color:var(--text-muted);font-size:14px}.auth-shell{display:grid;grid-template-columns:1.1fr 1fr;min-height:100vh}.auth-panel{padding:64px;background:var(--surface)}.auth-card{display:flex;flex-direction:column;gap:16px;background:var(--surface-alt);border-radius:var(--radius);padding:32px;border:1px solid var(--border);box-shadow:var(--shadow)}.auth-subtitle{color:var(--text-muted);margin:0 0 12px}.auth-aside{padding:64px;background:linear-gradient(135deg,#fdf6ea,#f0e0c9);display:flex;align-items:center;color:var(--accent-strong)}.auth-aside h2{font-family:Playfair Display,serif;font-size:32px;margin:0 0 12px}.auth-aside ul{padding-left:18px}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{background:#131715;color:#f7f2e8;padding:28px 22px;display:flex;flex-direction:column;gap:24px}.sidebar-brand{display:flex;flex-direction:column;gap:6px}.sidebar-nav{display:flex;flex-direction:column;gap:18px}.sidebar-section-title{text-transform:uppercase;letter-spacing:1px;font-size:11px;color:#c7b9a6;margin-bottom:6px}.sidebar-link{padding:10px 12px;border-radius:10px;color:#f7f2e8;font-weight:500;display:block}.sidebar-link.active,.sidebar-link:hover{background:#ffffff1f}.app-body{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 32px;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-title{font-weight:600;font-size:18px}.topbar-right{display:flex;align-items:center;gap:16px}.topbar-user{display:flex;flex-direction:column;gap:2px;font-size:13px;text-transform:capitalize}.topbar-user-name{font-weight:600}.branch-selector{display:flex;align-items:center;gap:10px;background:var(--surface-alt);border:1px solid var(--border);padding:8px 12px;border-radius:12px}.branch-selector select{border:none;background:transparent;font-weight:600}.app-content{padding:32px}.customer-shell{min-height:100vh;display:flex;flex-direction:column}.customer-nav{display:flex;gap:12px;padding:12px 32px;border-bottom:1px solid var(--border);background:var(--surface-alt);flex-wrap:wrap}.customer-nav-link{padding:8px 14px;border-radius:999px;border:1px solid transparent;font-weight:600}.customer-nav-link.active{background:var(--surface);border-color:var(--border)}.customer-content{max-width:1200px;width:100%;margin:0 auto}.page{display:flex;flex-direction:column;gap:24px}.page-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.page-header h1{margin:0;font-family:Playfair Display,serif;font-size:32px}.page-header p{margin:6px 0 0;color:var(--text-muted)}.panel,.landing-panel{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);padding:24px;box-shadow:var(--shadow)}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.comparison-list{display:grid;gap:12px}.comparison-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.comparison-row span{color:var(--text-muted);font-size:13px}.comparison-trend{font-weight:600;color:var(--accent)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.stat-card{padding:20px;border-radius:16px;background:var(--accent-soft);border:1px solid #c6d7cf}.stat-card.stat-accent{background:#e6efe9}.stat-label{color:var(--text-muted);font-size:13px}.stat-value{font-size:24px;font-weight:700}.stat-trend{font-size:12px;color:var(--text-muted)}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.8px;color:var(--text-muted);padding-bottom:12px}.table td{padding:14px 0;border-top:1px solid var(--border)}.table-title{font-weight:600}.table-sub{color:var(--text-muted);font-size:12px}.list,.timeline{list-style:none;padding:0;margin:0;display:grid;gap:12px}.list li,.timeline li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--border)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.detail-grid span,.detail-list span{color:var(--text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.6px}.detail-grid strong,.detail-list strong{display:block;font-size:15px;margin-top:4px}.detail-list{display:grid;gap:14px}.list-header,.list-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.list-header{text-transform:uppercase;font-size:11px;letter-spacing:.6px;color:var(--text-muted);margin-bottom:12px}.list-row{padding:12px 0;border-top:1px solid var(--border)}.field{display:flex;flex-direction:column;gap:8px;font-size:14px}.field input,.field select,.field textarea{border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-family:inherit;background:#fffdf9}.field-error{color:var(--danger);font-size:12px}.field-hint{color:var(--text-muted);font-size:12px}.form-grid{display:grid;gap:16px}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.primary-button,.secondary-button,.ghost-button{border:none;border-radius:999px;padding:12px 22px;font-weight:600;cursor:pointer;font-family:inherit}.primary-button{background:var(--accent);color:#fff}.secondary-button{background:var(--bg-strong);border:1px solid var(--border)}.ghost-button{background:transparent;border:1px solid var(--border)}.link{color:var(--accent);font-weight:600}.badge{padding:4px 10px;border-radius:999px;font-size:12px;display:inline-block}.badge-neutral{background:var(--bg-strong);color:var(--text)}.badge-success{background:#2f7b551f;color:var(--success)}.badge-warning{background:#c07a1c1f;color:var(--warning)}.badge-info{background:#2f5b8a1f;color:var(--info)}.callout{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border-radius:14px;background:var(--surface-alt);border:1px dashed var(--border);margin-bottom:16px}.landing{min-height:100vh;padding:64px 8vw;display:grid;gap:40px}.landing-brand{font-family:Playfair Display,serif;font-size:20px;letter-spacing:1.2px;color:var(--accent);text-transform:uppercase}.landing-hero h1{font-family:Playfair Display,serif;font-size:46px;margin:8px 0 12px}.landing-hero p{max-width:540px;color:var(--text-muted)}.landing-actions{display:flex;gap:16px;margin-top:24px}.landing-panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.landing-panel h3{margin-top:0}.error-shell{min-height:60vh;display:grid;place-items:center;text-align:center;padding:32px}.error-title{font-size:28px;font-weight:700;margin-bottom:8px}.error-subtitle{color:var(--text-muted);margin-bottom:16px}.empty-state{text-align:center;padding:32px}.empty-title{font-size:20px;font-weight:600}.notes-section{margin-top:16px}.notes-list,.attachments-list{list-style:none;padding:0;margin:0;display:grid;gap:12px}.notes-item,.attachments-item{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface-alt)}.attachment-actions{display:flex;align-items:center;gap:8px}.notes-body{font-weight:600;margin-bottom:4px}.notes-meta,.attachment-meta{color:var(--text-muted);font-size:12px}.attachment-name{font-weight:600}.section-title{font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);margin-bottom:10px}.muted{color:var(--text-muted)}.loading-state{display:inline-flex;align-items:center;gap:10px;color:var(--text-muted)}.loading-spinner{width:16px;height:16px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--accent);animation:spin .9s linear infinite}.error-state{border:1px dashed var(--danger);padding:16px;border-radius:12px;background:#b33f2a14}.reveal{animation:rise .7s ease both}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){.auth-shell{grid-template-columns:1fr}.auth-aside{display:none}.app-shell{grid-template-columns:1fr}.sidebar{display:none}}@media(max-width:720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.landing-actions{flex-direction:column}.public-header{padding:24px 6vw 0}.customer-nav{padding:12px 20px}}