:root{--background:#f1f7fb;--surface:#ffffffdb;--surface-strong:#fffffff7;--text:#123346;--muted:#577186;--brand:#1272c4;--brand-alt:#178d72;--border:#1247642e;--shadow:0 14px 36px #0f26351f;--danger:#ba2d3f;--warning:#d4890f;--ok:#1c9a59}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at 16% 12%,#158ec43d,#0000 38%),radial-gradient(circle at 82% 9%,#2cb78d38,#0000 36%),linear-gradient(160deg,#ecf7ff 0%,#f4fcff 46%,#eef8f3 100%);font-family:Segoe UI,Tahoma,Verdana,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid;overflow-x:hidden}.sidebar{color:#eef8ff;background:linear-gradient(#eef8f4 0%,#dcefe9 6%,#bfded8 12%,#7fc7c0 18%,#2aa09b 27%,#228ea0 45%,#1a78a7 66%,#1565a5 82%,#0f4f93 100%),radial-gradient(circle at 50% 0,#ffffff1f,#0000 34%);grid-template-rows:auto minmax(0,1fr) auto auto;gap:.72rem;min-width:0;height:100vh;padding:.9rem .82rem .82rem;display:grid;position:sticky;top:0;overflow:hidden}.sidebar-brand{background:linear-gradient(#f4faf7 0%,#e5f3ee 24%,#cfe6e0 56%,#8ac9c2 100%);place-items:center;min-height:106px;margin:-.9rem -.82rem 0;padding:.72rem .2rem .42rem;display:grid;position:relative;overflow:hidden}.sidebar-logo{object-fit:contain;transform-origin:50%;filter:drop-shadow(0 8px 14px #ffffff20);width:90%;max-width:none;height:auto;max-height:none;transform:none}.sidebar-nav{align-content:start;gap:.34rem;min-width:0;display:grid;overflow:auto}.nav-link{color:#ecf8fff0;border:1px solid #0000;border-radius:11px;padding:.58rem .68rem;font-size:.84rem;font-weight:600;transition:background-color .12s,color .12s,border-color .12s}.nav-link:hover{background:#fff3}.nav-link.active{color:#fff;background:#ffffff47;border-color:#e0f7ff99;font-weight:700}.sidebar-footer{color:#ebfaffeb;gap:.12rem;min-width:0;font-size:.69rem;line-height:1.3;display:grid}.sidebar-user-card{background:#ffffff24;border:1px solid #dbf8ff2e;border-radius:18px;gap:.65rem;min-width:0;padding:.8rem;display:grid;box-shadow:inset 0 1px #ffffff1a}.sidebar-user-header{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.7rem;display:grid}.sidebar-user-header strong,.sidebar-user-header span,.sidebar-user-header small{display:block}.sidebar-user-meta{min-width:0}.sidebar-user-meta strong{overflow-wrap:anywhere;font-size:.94rem}.sidebar-avatar{color:#0b3153;cursor:default;background:linear-gradient(135deg,#9af7c1 0%,#baf8ff 100%);border-radius:50%;place-items:center;width:44px;height:44px;font-weight:800;display:grid;position:relative;box-shadow:0 10px 22px #081d2938}.sidebar-avatar-tooltip{opacity:0;pointer-events:none;color:#eefcff;z-index:20;background:#082230f5;border-radius:12px;width:min(190px,48vw);padding:.58rem .68rem;transition:opacity .14s,transform .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)translate(-4px);box-shadow:0 14px 28px #05161e52}.sidebar-avatar-tooltip:before{content:"";background:#082230f5;width:12px;height:12px;position:absolute;top:50%;left:-6px;transform:translateY(-50%)rotate(45deg)}.sidebar-avatar-tooltip strong,.sidebar-avatar-tooltip span,.sidebar-avatar-tooltip small{overflow-wrap:anywhere;display:block}.sidebar-avatar-tooltip strong{font-size:.76rem;line-height:1.25}.sidebar-avatar-tooltip span,.sidebar-avatar-tooltip small{color:#e6f7ffe0;margin-top:.14rem;font-size:.7rem;line-height:1.2}.sidebar-user-header:hover .sidebar-avatar-tooltip,.sidebar-avatar:focus-within .sidebar-avatar-tooltip{opacity:1;transform:translateY(-50%)translate(0)}.sidebar-user-actions{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.55rem;min-width:0;display:grid}.sidebar-company-switcher{min-width:0}.sidebar-company-switcher select{background:#fffffff0;width:100%}.sidebar-company-pill{color:#ecf8fff0;overflow-wrap:anywhere;background:#072d3b3d;border-radius:12px;min-width:0;padding:.7rem .75rem;font-size:.76rem;line-height:1.3}.sidebar-logout{color:#eefcff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#052c45db 0%,#125d55eb 100%);border:1px solid #c1f2e638;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:auto;min-width:92px;height:42px;padding:0 .8rem;font-size:.8rem;font-weight:700;display:inline-flex}.sidebar-logout:hover{filter:brightness(1.06)}.sidebar-footer p{margin:0}.sidebar-footer span{color:#dcf8fffa}.workspace{grid-template-rows:auto 1fr auto;gap:.82rem;min-width:0;padding:1rem;display:grid}.topbar{border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:16px;gap:.7rem;padding:.8rem;animation:.42s ease-out both rise;display:grid}.topbar-actions{flex-wrap:wrap;align-items:center;gap:.48rem;display:flex}.workspace-content{min-width:0;display:flex}.workspace-content>*{min-width:0}.page-stack{gap:.82rem;width:100%;min-width:0;animation:.46s ease-out both rise;display:grid}.page-header{grid-template-columns:1fr auto;gap:.7rem;padding:.9rem 0;display:grid}.page-header h1{margin:0;font-size:clamp(1.26rem,2.3vw,1.85rem)}.page-header p{color:var(--muted);margin:.38rem 0 0;line-height:1.4}.page-actions{justify-self:end;align-items:flex-start;min-width:0;display:flex}.page-grid{gap:.82rem;display:grid}.page-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.panel-card{border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:16px;gap:.76rem;min-width:0;padding:.82rem;display:grid}.panel-title{color:#1a3f59;margin:0;font-size:.95rem}.panel-subtitle{color:var(--muted);margin:.24rem 0 0;font-size:.8rem}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;display:grid}.metric-card{border:1px solid var(--border);background:linear-gradient(160deg,#fffffff5 0%,#ebf7fff0 100%);border-radius:14px;gap:.24rem;padding:.72rem;display:grid}.metric-card h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.75rem;font-weight:700}.metric-card strong{color:#15435c;margin:0;font-size:1.34rem}.simple-table{gap:.4rem;display:grid}.simple-table-header,.simple-table-row{grid-template-columns:70px 1fr 150px;align-items:center;gap:.52rem;display:grid}.simple-table-header{color:var(--muted);font-size:.75rem;font-weight:700}.simple-table-row{border:1px solid var(--border);background:#fffc;border-radius:10px;padding:.42rem .5rem;font-size:.8rem}.empty-text{color:var(--muted);margin:0;font-size:.8rem}.chart-area{gap:.58rem;display:grid}.chart-row{grid-template-columns:90px 1fr auto;align-items:center;gap:.56rem;display:grid}.chart-row span,.chart-row strong{font-size:.84rem}.chart-bar-wrap{border:1px solid var(--border);background:#11243014;border-radius:999px;height:14px;overflow:hidden}.chart-bar{height:100%}.chart-bar.paid{background:linear-gradient(90deg,#1a8b45 0%,#5fd16f 100%)}.chart-bar.sent{background:linear-gradient(90deg,#19a88f 0%,#52d2b7 100%)}.chart-bar.draft{background:linear-gradient(90deg,#2a79be 0%,#57a6ea 100%)}.toolbar-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;display:flex}.toolbar-row .left,.toolbar-row .right{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.pagination-row{justify-content:flex-end;align-items:center}.pagination-row span{color:var(--muted);font-size:.8rem}.grid,.form-grid,.action-row,.toolbar-row,.pagination-row,.modal-footer,.card-header,.panel-header,.console-title-row,.metric-row,.detail-row,.simple-table-header,.simple-table-row{min-width:0}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.54rem;display:grid}.form-grid .full{grid-column:1/-1}.field{gap:.24rem;display:grid}.field>span{color:var(--muted);font-size:.72rem;font-weight:700}.field input,.field select,.field textarea,.toolbar-row input,.select-chip,.search-input{color:#173d56;background:#fffffff2;border:1px solid #1e597440;border-radius:10px;outline:none;width:100%;min-width:0;max-width:100%;padding:.5rem .55rem;transition:border-color .12s,box-shadow .12s}.field input:focus,.field select:focus,.field textarea:focus,.toolbar-row input:focus,.select-chip:focus,.search-input:focus{border-color:#1372c48f;box-shadow:0 0 0 2px #1372c429}textarea{resize:vertical;min-height:86px}.action-row{flex-wrap:wrap;justify-content:flex-end;gap:.48rem;display:flex}.btn{color:#f4fcff;cursor:pointer;background:linear-gradient(145deg,#146ebd 0%,#1a9d7f 100%);border:1px solid #0000;border-radius:10px;padding:.5rem .82rem;font-size:.78rem;font-weight:700;transition:transform .11s,filter .11s,opacity .11s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.62;cursor:not-allowed}.btn.secondary{background:linear-gradient(145deg,#1b89cd 0%,#22a283 100%)}.btn.ghost{color:#15527b;background:#1369aa14;border-color:#1b71af47}.btn.danger{background:linear-gradient(145deg,#b33146 0%,#ce4f55 100%)}.pill{border:1px solid #0000;border-radius:999px;padding:.26rem .56rem;font-size:.72rem;font-weight:700}.pill.pill-ok{color:#0f713e;background:#1c9a5924;border-color:#1c9a594d}.pill.pill-neutral{color:#25526c;background:#25526c17;border-color:#25526c33}.error-box{color:#912435;background:#ba2d3f17;border:1px solid #ba2d3f4d;border-radius:10px;margin:0;padding:.56rem;font-size:.79rem}.console-footer{border:1px solid var(--border);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:16px;gap:.52rem;padding:.74rem;display:grid}.console-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.console-title-row h3{margin:0;font-size:.85rem}.console-title-row span{color:var(--muted);font-size:.72rem}.console-box{background:#f8fcff;border:1px solid #0e405929;border-radius:10px;max-height:250px;padding:.56rem;overflow:auto}.console-box.compact{max-height:170px}.console-box p,.console-box pre{white-space:pre-wrap;word-break:break-word;margin:0;font-size:.73rem;line-height:1.45}.table-wrap{border:1px solid var(--border);background:#ffffffe6;border-radius:12px;width:100%;overflow-x:auto}.data-table thead,.data-table th{background:0 0}table{border-collapse:collapse;width:100%;min-width:720px}th,td{text-align:left;border-bottom:1px solid #1747631f;padding:.5rem .54rem;font-size:.76rem}th{color:#1e5678;background:0 0;font-weight:700}tr:hover td{background:#157abe0b}.actions-col{white-space:nowrap}.row-actions{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.row-actions .btn{margin:0}.selection-chip-list{flex-wrap:wrap;gap:.34rem;display:flex}.selection-chip{color:#274250;overflow-wrap:anywhere;background:#1369aa14;border:1px solid #1369aa38;border-radius:999px;align-items:center;gap:.34rem;min-width:0;max-width:100%;padding:.2rem .46rem;font-size:.74rem;display:inline-flex}.selection-chip button{color:inherit;cursor:pointer;background:0 0;border:none;font-weight:700}.selection-empty{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;margin:0;font-size:.8rem}.global-loading-overlay{z-index:90;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#08182438;place-items:center;animation:.14s ease-out both fadeIn;display:grid;position:fixed;inset:0}.global-loading-box{color:#164767;background:#fffffffa;border:1px solid #18608c38;border-radius:18px;justify-content:center;align-items:center;gap:.75rem;min-width:280px;padding:.95rem 1rem;display:inline-flex;box-shadow:0 20px 44px #081c2a38}.global-loading-copy{gap:.15rem;display:grid}.global-loading-box strong{font-size:.9rem}.global-loading-copy span{color:#4d6d80;font-size:.77rem}.global-loading-spinner{border:2px solid #1479c6;border-color:#1479c6 #1aa87a #1a7ec133 #1a7ec133;border-radius:999px;width:18px;height:18px;animation:.78s linear infinite spin}.login-screen{background:linear-gradient(135deg,#eef8fb 0%,#f8fcfd 48%,#fff 100%);grid-template-columns:minmax(0,1.18fr) minmax(420px,.82fr);align-items:stretch;min-height:100vh;display:grid;position:relative;overflow:hidden}.login-screen:before{content:"";z-index:0;filter:saturate(.88)contrast(.9)brightness(.94)blur(1.1px);background-image:linear-gradient(90deg,#073c6394 0%,#08806742 38%,#ffffff24 60%,#ffffffb8 78%,#fff 100%),url(/background.svg);background-position:0;background-size:cover;position:absolute;inset:0;transform:scale(1.025)}.login-screen:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 22% 36%,#ffffff3d,#0000 38%),linear-gradient(90deg,#fff0 0%,#ffffff0a 44%,#fff3 56%,#ffffff9e 70%,#fffffff0 84%,#fff 100%),linear-gradient(#ffffff0d 0%,#ffffff2e 100%);position:absolute;inset:0}.login-card{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#ffffffd1 0%,#fffffff5 100%);border:1px solid #8fbed557;border-radius:28px;grid-column:2;place-self:center end;width:min(560px,100vw - 3rem);margin-right:clamp(1.5rem,4vw,4.5rem);padding:clamp(1.5rem,2vw,2rem);position:relative;box-shadow:0 30px 70px #10375424,0 8px 22px #12446014}.login-card h1{color:var(--brand-alt);margin:0}.login-card p{color:var(--muted);margin:0}.login-brand{text-align:center;justify-items:center;gap:.35rem;display:grid}.login-logo{object-fit:contain;width:min(100%,620px);height:auto;display:block}.login-legal{text-align:center;border-top:1px solid #8fbed547;gap:.18rem;margin-top:1rem;padding-top:.85rem;display:grid}.login-legal p,.login-legal span{color:#587487;margin:0;font-size:.73rem;line-height:1.45}@media (max-width:980px){.login-screen{grid-template-columns:1fr;place-items:center;padding:1rem}.login-screen:before{filter:saturate(.82)contrast(.9)brightness(.96)blur(1.2px);background-position:20%}.login-screen:after{background:linear-gradient(#ffffff57 0%,#ffffffc7 58%,#fffffff5 100%)}.login-card{grid-column:1;justify-self:center;width:min(560px,100vw - 1.5rem);margin-right:0}}.modal-overlay{z-index:50;place-items:center;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#05101599;position:absolute;inset:0}.modal-window{border:1px solid var(--border);background:var(--surface-strong);width:min(760px,100vw - 1rem);max-height:calc(100vh - 1rem);box-shadow:var(--shadow);border-radius:16px;padding:.86rem;position:relative;overflow:auto}.modal-header{justify-content:space-between;align-items:center;gap:.55rem;margin-bottom:.62rem;display:flex}.modal-title{margin:0;font-size:.9rem}.close-btn{color:#1b4c6b;cursor:pointer;background:#1465a014;border:1px solid #16537a3d;border-radius:8px;width:30px;height:30px}.toast-stack{z-index:70;gap:.45rem;width:min(360px,100vw - 1.2rem);display:grid;position:fixed;top:.95rem;right:.9rem}.toast{border:1px solid var(--border);background:#fffffff5;border-left-width:4px;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.55rem;padding:.58rem .62rem;animation:.22s ease-out both slideIn;display:flex;box-shadow:0 12px 28px #09223229}.toast p{margin:0;font-size:.79rem;line-height:1.4}.toast button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.toast.info{border-left-color:#237ab3}.toast.success{border-left-color:#229a64}.toast.error{border-left-color:#bd374f}@keyframes rise{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1200px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:980px){.shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #fff3;border-right:none;height:auto;position:static}.sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.two-columns{grid-template-columns:1fr}.login-screen{grid-template-columns:1fr;padding:.8rem}.login-screen:before{display:none}.login-card{justify-self:center;width:min(560px,100%)}}@media (max-width:740px){.workspace{padding:.66rem}.sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.page-header,.form-grid{grid-template-columns:1fr}table,.table-wrap{min-width:0}.table-wrap table,.table-wrap thead,.table-wrap tbody,.table-wrap th,.table-wrap td,.table-wrap tr{width:100%;display:block}.table-wrap thead{display:none}.table-wrap tr{border-bottom:1px solid #12486626;padding:.45rem .12rem}.table-wrap td{white-space:normal;overflow-wrap:anywhere;border:none;min-height:1.26rem;padding:.26rem .2rem .26rem 43%;position:relative}.table-wrap td:before{content:attr(data-label);width:40%;color:var(--muted);overflow-wrap:anywhere;font-size:.72rem;font-weight:700;position:absolute;top:.26rem;left:.2rem}.actions-col{flex-wrap:wrap;gap:.32rem;padding-left:.2rem!important;display:flex!important}.actions-col:before{display:none}.simple-table-header,.simple-table-row{grid-template-columns:54px 1fr 108px;font-size:.73rem}.toast-stack{width:auto;left:.6rem;right:.6rem}}.password-field{grid-template-columns:1fr auto;align-items:center;gap:.5rem;display:grid}.password-toggle{color:#1b4c6b;cursor:pointer;background:#1465a014;border:1px solid #16537a2e;border-radius:12px;width:44px;min-height:44px;padding:0;font-weight:700}.password-toggle:hover{background:#1465a024}.password-toggle svg{margin:0 auto;display:block}.field-hint{color:var(--muted);margin-top:.35rem;font-size:.78rem;line-height:1.35;display:block}