:root{--ink:#171318;--dark:#100b13;--dark-soft:#1b151d;--brand:#981e58;--brand-strong:#c73778;--brand-soft:#f6eaf0;--text:#332d34;--muted:#746d74;--line:#e8e3e6;--surface:#fff;--surface-alt:#f8f6f7;--success:#1f7a54;--warning:#9c6814;--danger:#a63142;--sidebar:260px}*{box-sizing:border-box}html{font-size:16px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--text);background:var(--surface-alt);-webkit-font-smoothing:antialiased}a{color:inherit}button,input,select,textarea{font:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--dark);color:#fff;display:flex;flex-direction:column;z-index:70}.sidebar-head{height:82px;padding:0 24px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.portal-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.portal-brand img{width:125px;display:block}.portal-brand span{padding-left:12px;border-left:1px solid rgba(255,255,255,.16);font-size:.75rem;color:#aaa1aa}.sidebar-close{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:1.6rem}.nav-list{padding:24px 14px;display:grid;gap:5px}.nav-list a{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:6px;text-decoration:none;color:#bfb7bf;font-size:.9rem;font-weight:500}.nav-list a:hover,.nav-list a.active{background:rgba(255,255,255,.08);color:#fff}.nav-list a.active{box-shadow:inset 3px 0 0 var(--brand-strong)}.nav-icon{width:20px;text-align:center;color:#d9c5cf}.sidebar-foot{margin-top:auto;padding:20px;border-top:1px solid rgba(255,255,255,.08)}.user-card{display:flex;align-items:center;gap:10px}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--brand);font-weight:700}.user-card strong,.user-card small{display:block}.user-card strong{font-size:.82rem}.user-card small{margin-top:3px;color:#8f868f;font-size:.69rem;max-width:155px;overflow:hidden;text-overflow:ellipsis}.logout{display:inline-block;margin-top:16px;color:#aaa1aa;font-size:.75rem;text-decoration:none}.main-area{margin-left:var(--sidebar);min-width:0}.topbar{min-height:136px;padding:30px 42px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:22px}.topbar>div:first-of-type{min-width:0}.topbar h1{margin:3px 0 0;color:var(--ink);font-size:clamp(1.8rem,3vw,2.6rem);letter-spacing:-.045em;line-height:1.05}.eyebrow{margin:0;color:var(--brand);font-size:.69rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.page-subtitle{margin:9px 0 0;color:var(--muted);font-size:.86rem}.topbar-date{margin-left:auto;color:var(--muted);font-size:.8rem}.menu-button{display:none;border:1px solid var(--line);background:#fff;border-radius:6px;width:42px;height:42px}.content{padding:34px 42px 60px;max-width:1540px}.alert{padding:13px 15px;margin:0 0 20px;border:1px solid;border-radius:6px;font-size:.86rem}.alert.success{background:#edf8f3;border-color:#c9e7d9;color:#216c4c}.alert.danger{background:#fff1f3;border-color:#efd0d5;color:#913044}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi{background:#fff;border:1px solid var(--line);padding:23px;border-radius:7px;min-width:0}.kpi.emphasis{border-top:3px solid var(--brand)}.kpi span,.kpi small,.kpi strong{display:block}.kpi span{color:var(--muted);font-size:.75rem;font-weight:600}.kpi strong{margin:12px 0 9px;color:var(--ink);font-size:1.65rem;letter-spacing:-.04em}.kpi small{color:#948c93;font-size:.7rem;line-height:1.45}.section-toolbar{margin:34px 0 17px;display:flex;align-items:end;justify-content:space-between;gap:20px}.section-toolbar h2{margin:5px 0 0;color:var(--ink);font-size:1.45rem;letter-spacing:-.035em}.actions{display:flex;gap:8px}.button{min-height:42px;padding:0 15px;border-radius:5px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:600;font-size:.82rem;cursor:pointer}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.primary:hover{background:#7f1749}.button.secondary{background:#fff;border-color:#d8d2d6;color:var(--ink)}.panel{background:#fff;border:1px solid var(--line);border-radius:7px;overflow:hidden}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.72fr);gap:16px}.panel-head{padding:20px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.panel-head h3{margin:0;color:var(--ink);font-size:1rem}.panel-head p{margin:5px 0 0;color:var(--muted);font-size:.75rem}.panel-head>a{color:var(--brand);font-size:.75rem;text-decoration:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th,td{padding:14px 18px;border-bottom:1px solid #f0ecef;text-align:left;font-size:.78rem}th{background:#fbfafb;color:#888087;font-size:.68rem;text-transform:uppercase;letter-spacing:.06em}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px;font-size:.69rem}.right{text-align:right}.amount{font-weight:700}.positive{color:var(--success)}.negative{color:var(--danger)}.badge{display:inline-flex;padding:5px 7px;border-radius:4px;font-size:.66rem;font-weight:700}.badge.neutral{background:#f2eff1;color:#665f65}.badge.success{background:#e7f5ed;color:#246c4d}.badge.warning{background:#fff3dd;color:#93600e}.badge.danger{background:#fdebed;color:#993246}.invoice-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 19px;border-bottom:1px solid var(--line);text-decoration:none}.invoice-list>a:last-child{border-bottom:0}.invoice-list strong,.invoice-list small{display:block}.invoice-list small{margin-top:4px;color:var(--muted);font-size:.7rem}.invoice-list .right strong{margin-top:7px;font-size:.78rem}.empty{padding:35px;color:var(--muted);font-size:.82rem;text-align:center}.form-panel{max-width:920px;padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label,.form-stack label{display:grid;gap:7px;color:#554e54;font-size:.74rem;font-weight:600}.form-grid input,.form-grid select,.form-grid textarea,.form-stack input{width:100%;border:1px solid #dcd6da;background:#fff;border-radius:5px;padding:11px 12px;color:var(--ink);outline:none}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-stack input:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(152,30,88,.08)}textarea{resize:vertical}.span-2{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}.filter-tabs{display:flex;gap:4px;background:#eee9ec;padding:4px;border-radius:6px}.filter-tabs a{padding:8px 12px;border-radius:4px;text-decoration:none;color:#716971;font-size:.75rem;font-weight:600}.filter-tabs a.active{background:#fff;color:var(--ink);box-shadow:0 1px 3px rgba(20,10,16,.08)}.row-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}.row-actions a,.row-actions button,.card-actions a,.card-actions button{border:0;background:none;color:var(--brand);font-size:.7rem;padding:0;text-decoration:none;cursor:pointer}.row-actions form,.card-actions form{margin:0}.row-actions button,.card-actions button{color:#9c6d78}.customer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.customer-card{padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.customer-card:nth-child(3n){border-right:0}.customer-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--brand-soft);color:var(--brand);border-radius:6px;font-weight:700}.customer-card h3{margin:14px 0 0;color:var(--ink);font-size:.98rem}.customer-card>div>p{margin:5px 0 0;color:var(--muted);font-size:.75rem}.customer-card dl{margin:20px 0}.customer-card dl>div{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px solid #f2eef0;font-size:.7rem}.customer-card dt{color:var(--muted)}.customer-card dd{margin:0;text-align:right}.card-actions{display:flex;gap:12px}.info-panel{max-width:920px;margin-top:16px;padding:23px}.info-panel h3{margin:0 0 8px;color:var(--ink)}.info-panel p{margin:0;color:var(--muted);font-size:.8rem;line-height:1.65}.auth-body{min-height:100vh;background:var(--dark);display:grid;place-items:center;padding:24px}.auth-wrap{width:min(460px,100%)}.auth-panel{background:#fff;padding:38px;border-radius:8px;border-top:4px solid var(--brand)}.auth-logo{width:145px;height:auto;margin-bottom:35px;display:block}.auth-panel h1{margin:7px 0 0;color:var(--ink);font-size:2.2rem;letter-spacing:-.05em}.auth-copy{margin:15px 0 25px;color:var(--muted);font-size:.84rem;line-height:1.6}.form-stack{display:grid;gap:16px}.form-stack small{color:var(--muted);font-size:.67rem;font-weight:400}.form-stack .button{margin-top:6px;width:100%}.sidebar-overlay{display:none}
@media(max-width:1120px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-card:nth-child(3n){border-right:1px solid var(--line)}.customer-card:nth-child(2n){border-right:0}}
@media(max-width:820px){:root{--sidebar:270px}.sidebar{transform:translateX(-100%);transition:transform .2s ease}.menu-open .sidebar{transform:translateX(0)}.sidebar-close{display:block}.sidebar-overlay{position:fixed;inset:0;background:rgba(10,7,10,.55);z-index:60}.menu-open .sidebar-overlay{display:block}.main-area{margin-left:0}.menu-button{display:block;flex:0 0 auto}.topbar{min-height:112px;padding:22px}.content{padding:22px}.topbar-date{display:none}.customer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.topbar{align-items:flex-start}.topbar h1{font-size:1.75rem}.page-subtitle{font-size:.75rem}.content{padding:16px 14px 40px}.kpi-grid{grid-template-columns:1fr 1fr;gap:9px}.kpi{padding:16px}.kpi strong{font-size:1.25rem}.kpi small{display:none}.section-toolbar{align-items:stretch;flex-direction:column}.section-toolbar>.button{width:100%}.actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.form-panel{padding:17px}.form-actions{flex-direction:column-reverse}.form-actions .button{width:100%}.customer-grid{grid-template-columns:1fr}.customer-card,.customer-card:nth-child(2n),.customer-card:nth-child(3n){border-right:0}.panel{border-radius:5px}.auth-panel{padding:28px 22px}.auth-panel h1{font-size:1.9rem}.filter-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);text-align:center}}
@media(max-width:390px){.kpi-grid{grid-template-columns:1fr}.actions{grid-template-columns:1fr}}
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px}.detail-panel{overflow:hidden}.detail-body{padding:22px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0 0 24px}.detail-list>div{padding:11px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:.7rem}.detail-list dd{margin:5px 0 0;font-size:.82rem}.detail-list a{color:var(--brand)}.message-box{padding:20px;background:#fbfafb;border:1px solid var(--line);border-radius:6px;line-height:1.7;font-size:.86rem}.side-actions{padding:20px;height:max-content;display:grid;gap:12px}.side-actions h3{margin:0 0 3px}.side-actions form{display:grid;gap:9px}.side-actions label{display:grid;gap:6px;font-size:.72rem;font-weight:600}.side-actions select{width:100%;padding:10px;border:1px solid var(--line);border-radius:5px}.invoice-items{margin:25px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}.invoice-items-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.invoice-items-head h3{margin:0}.invoice-item-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 140px 38px;gap:8px;margin-top:8px}.invoice-item-row input{min-width:0;border:1px solid #dcd6da;background:#fff;border-radius:5px;padding:11px 12px}.remove-item{border:1px solid #e5dadd;background:#fff;color:#9a425f;border-radius:5px;font-size:1.2rem;cursor:pointer}.settings-divider{margin-top:10px;padding-top:20px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:baseline}.settings-divider span{font-size:.72rem;color:var(--muted)}code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}
@media(max-width:600px){.detail-list{grid-template-columns:1fr}.invoice-item-row{grid-template-columns:1fr 1fr 1fr 38px}.invoice-item-row input:first-child{grid-column:1/-1}.settings-divider{flex-direction:column;gap:4px}}

/* Inquiry actions */
.button.danger{background:#fff;border-color:#e0bfc5;color:var(--danger)}.button.danger:hover{background:#fff1f3;border-color:#d8aab3}.button.compact{min-height:34px;padding:0 11px;font-size:.72rem}.row-actions .button{border-width:1px;border-style:solid;padding:0 11px}.row-actions .button.secondary{color:var(--ink);background:#fff;border-color:#d8d2d6}.row-actions .button.danger{color:var(--danger);background:#fff;border-color:#e0bfc5}.side-actions form .button{width:100%}