/* AppXpanse workspace: navy navigation, blue actions, clear white surfaces. */
:root{--ink:#17243b;--muted:#66748c;--green:#2563eb;--green-dark:#1d4ed8;--light:#edf3ff;--line:#e1e7f0;--bg:#f3f6fb;--sidebar:250px;font-family:Inter,"Segoe UI",Arial,sans-serif}
body{background:var(--bg);color:var(--ink)}
.sidebar{background:linear-gradient(165deg,#14253f,#0b1426 75%);border:0;padding:24px 18px 18px;box-shadow:4px 0 24px #12284c08}
.brand{padding:0 5px 30px}.brand-image{background:transparent;border:0;padding:0;max-width:225px}.brand-image img{width:100%;height:78px;object-fit:contain}.brand:after{content:"BILLING WORKSPACE";display:block;text-align:center;color:#7e94b6;font-size:9px;letter-spacing:2.3px;margin-top:8px;font-weight:600}
.workspace-label{color:#647b9e;font-size:10px;padding:0 16px 14px;letter-spacing:1.9px}
nav{gap:7px}.nav-item{color:#a6b5cc;font-size:12px;font-weight:500;padding:14px 15px;border:1px solid transparent;border-radius:9px;position:relative;transition:background .15s,color .15s}
.nav-item>span{color:#8098bc;font-size:18px;display:grid;place-items:center;width:20px;height:20px}.nav-item svg{width:20px;height:20px;stroke-width:1.7}
.nav-item:hover{background:#ffffff08;color:#e3edff}.nav-item.active{background:#233e6a;color:white;border-color:#3a578166;box-shadow:0 5px 15px #00000010}.nav-item.active>span{color:#85b4ff}.nav-item.active:before{content:"";position:absolute;left:-18px;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:#5b9fff}.nav-item i{background:#ffffff14;color:#b7d2ff;border:1px solid #ffffff0d}
.sidebar-note{border-color:#ffffff10;color:#a9bed8;padding:20px 7px 0;font-size:11px;margin-bottom:22px}.sidebar-note p{color:#6d85a6;font-size:10px}.sidebar .live-dot{background:#4bd8b0;box-shadow:0 0 0 3px #4bd8b015}
.user-card{border-color:#ffffff12;gap:9px}.user-card b{color:#dae6f8;font-size:12px}.user-card small{color:#758eaf;font-size:10px}.user-card button{color:#91a9c8;font-size:21px}.sidebar .avatar{background:#1d365a;color:#9fc1f2;border-color:#344c6f}
.avatar{background:#edf3ff;color:#416eae;border-color:#dbe6f8;font-size:13px}
.topbar{height:74px;padding:0 36px;background:#ffffffef;border-color:var(--line)}.breadcrumb{font-size:12px;color:#8793a6}.breadcrumb b{font-weight:600;color:#344b6b}.breadcrumb span{color:#b6c1d2}.topbar-right{font-size:11px;color:#667b98}.avatar.small{margin-left:20px}
.live-status{display:inline-flex;align-items:center;gap:7px;color:#547065}.live-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#19ad83;box-shadow:0 0 0 3px #19ad8314}.live-status.offline{color:#aa742c}.live-status.offline:before{background:#d1983c;box-shadow:none}
.page{padding:34px 36px 24px}.page-heading{margin-bottom:27px;gap:20px}.eyebrow{font-size:10px;letter-spacing:1.65px;color:#6b81a2;margin-bottom:10px}h1{font-size:30px;letter-spacing:-.8px;font-weight:700;line-height:1.2;margin-bottom:9px}h2{font-weight:650}h3{font-size:15px;font-weight:650}.muted{font-size:12px;color:#75829a;line-height:1.7}
.button{font-size:12px;font-weight:600;border-color:#dce4ef;border-radius:8px;padding:10px 15px;min-height:37px;color:#3d536e;transition:background .15s,border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1f3b5b04}.button.primary{background:#2563eb;color:white;border-color:#2563eb;box-shadow:0 3px 8px #2563eb22}.button.primary:hover{background:#1d4ed8;border-color:#1d4ed8;box-shadow:0 4px 10px #2563eb30}.button.secondary:hover,.button.small:hover{background:#f3f7fd;border-color:#c4d3e7}.button.danger{background:#fff7f7;border-color:#f1dcdc;color:#ba4b52}.button.danger:hover{background:#ffeded;border-color:#e8b7bc}.button.small{font-size:11px;padding:6px 10px;min-height:30px}.actions{gap:7px}
.stats{gap:16px;margin-bottom:26px}.stat{padding:21px 23px;border:1px solid #e4eaf3;border-radius:13px;box-shadow:0 3px 10px #233f6504}.stat-top{color:#76859d;font-size:11px}.stat-icon{width:30px;height:30px;color:#6785b2;background:#f0f5fd;border-radius:8px}.stat-value{font-size:30px;font-weight:650;letter-spacing:-.8px;margin:12px 0 7px;color:#1c3557}.stat-foot{font-size:10px;color:#8c9ab1}.stat:first-child{background:linear-gradient(120deg,#16396c,#224d8e);border-color:#22497e;box-shadow:0 6px 17px #16396c15}.stat:first-child .stat-top,.stat:first-child .stat-foot{color:#a9c0e1}.stat:first-child .stat-value{color:#fff}.stat:first-child .stat-icon{background:#ffffff12;color:#b9d5ff}
.panel{border-color:#e1e7f0;border-radius:12px;box-shadow:0 3px 10px #263f6003;margin-bottom:22px}.panel-head{padding:20px 22px;border-color:#e7ecf4}.panel-title h3,.panel-head h3{color:#2b405f}.count{font-size:10px;background:#f1f5fb;color:#7389a8;border-color:#e0e8f3;border-radius:6px;padding:4px 8px}
.filters{background:#fff;padding:16px 22px;border-color:#edf0f6}.filters input,.filters select{font-size:12px;color:#526985;border-color:#e0e6f0;border-radius:7px;min-height:38px;padding:9px 11px}.search:before{color:#91a3bd;top:4px}.search input::placeholder{color:#9aa8bd}.filters select{max-width:240px}
th{padding:13px 20px;font-size:10px;color:#788ba6;background:#f7f9fd;border-bottom:1px solid #e3eaf4;letter-spacing:.7px}td{font-size:12px;padding:17px 20px;border-color:#edf1f7;color:#526680}tbody tr:hover{background:#f7faff}.name-cell{font-weight:600;color:#293f60}.name-cell a{color:#345a8f}.name-cell small{font-size:10px;color:#8598b4;line-height:1.5;margin-top:5px}.company-icon{background:#eef3fc;color:#6384b8;border:1px solid #e0e8f7;border-radius:8px;width:34px;height:34px}.badge{font-size:10px;border-radius:5px;padding:5px 8px;background:#f2f5fa;color:#6b809d;border-color:#e2e9f2}.badge.blue{color:#496dc1;background:#edf3ff;border-color:#dce7ff}.badge.green{color:#288968;background:#ebf7f1;border-color:#d6eee2}.badge.amber{color:#aa833c;background:#fff7e8;border-color:#f1e4c9}.table-footer{font-size:10px;color:#8b9ab0;background:#fdfefe;border-color:#eaf0f7}.table-footer a{font-weight:600}
.info-strip{background:#edf4ff;color:#6e87ab;border-color:#dfe9f8;font-size:11px;line-height:1.7;padding:15px 18px;border-radius:9px}.info-strip b{color:#42699f}.info-icon{color:#7b9bc9}.warning{background:#fff8eb;color:#a37d39;border-color:#f2e4c8}.back{font-size:12px;color:#7790b3;margin-bottom:18px}.sheet-meta{gap:22px;padding:23px}.sheet-meta label{color:#8a9ab2;font-size:10px}.sheet-meta b{font-size:13px;color:#3a506f}.sheet-table td,.sheet-table th{padding:13px}.sheet-table tfoot td{background:#f0f5fd;color:#365e9b}
.sheet-presence{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:-5px 0 20px;font-size:11px;min-height:28px}.presence-label{display:flex;align-items:center;gap:7px;color:#728ba6;margin-right:3px}.presence-label i{width:6px;height:6px;border-radius:50%;background:#1bb78e;box-shadow:0 0 0 3px #1bb78e12}.presence-person{padding:5px 9px;background:#fff;border:1px solid #dbe5f2;border-radius:30px;color:#607b9a}.presence-person b{font-weight:600}.presence-person.you{color:#4574ad;background:#edf4ff;border-color:#dbe7fa}.presence-person.editing{color:#9e762d;background:#fff9eb;border-color:#efe2c2}.presence-alone{color:#9aa9bc}.sheet-activity{color:#299979!important;font-size:10px!important}
.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.entity-card{padding:24px;border-color:#e0e7f1;border-radius:12px;box-shadow:0 3px 12px #1d3a6004}.entity-card h3{font-size:17px;line-height:1.4;margin-top:17px}.entity-card p{font-size:12px;color:#8494ab;line-height:1.9}.entity-card .actions{padding-top:18px;margin-top:18px;border-top:1px solid #edf1f6}.entity-card .badge{margin-left:3px}.entity-card .button{flex-grow:1}
.empty{padding:55px 24px;color:#8495af}.empty h3{color:#3f5a7b}.empty .empty-icon{background:#f0f5fe;border-color:#cbdcf4;color:#6b91ca}.empty p{font-size:12px}.loading{color:#7e95b4}
dialog{border:1px solid #e1e9f5;border-radius:14px;box-shadow:0 28px 90px #0b21484a}dialog::backdrop{background:#0b1c365c;backdrop-filter:blur(3px)}.modal-head{padding:24px 28px 20px;border-color:#e7edf6}.modal-head h2{font-size:23px;color:#203c61}.icon-button{color:#8b9bb2}.modal-actions{background:#f8faff;border-color:#e6ecf5}.field label{font-size:12px;color:#5e7290;font-weight:600}.field input,.field select,.field textarea{font-size:13px;padding:11px 12px;line-height:1.4;border-color:#dae3f0;border-radius:7px;color:#29405f}.field input:focus,.field select:focus,.field textarea:focus{border-color:#76a5f3;box-shadow:0 0 0 3px #eaf2ff}.field input[readonly]{background:#f4f7fc;color:#6682a7}.field small,.help{font-size:11px;color:#8b9bb1;line-height:1.6}.field label.checkbox,.checkbox{display:flex;align-items:center;gap:9px;font-size:12px;color:#496383;font-weight:500;margin:0}.checkbox input{width:16px;height:16px;flex:0 0 16px;accent-color:#2563eb}.permission-choice{border-color:#dce6f4;border-radius:9px;background:#fbfcff;padding:15px 16px}.permission-choice small{margin-left:25px}.subsection{color:#8397b6;border-color:#e5edf7;font-size:10px;letter-spacing:1.4px}.form-error{font-size:12px;color:#b94f59}
.temporary-panel{border-color:#87abd9}.credentials-body input{font-family:Consolas,monospace;background:#edf4ff;color:#284c7e;font-size:16px}.password-pending{font-size:10px;color:#af8a44}.account{border-radius:12px}.account h3{color:#3a5376}.logo-preview{border:1px solid #e1e8f2;padding:12px;border-radius:8px}
.auth-page{background:radial-gradient(ellipse at 20% 0,#e0ebff,transparent 60%),#f1f5fb}.auth-card{padding:34px 38px;border-color:#e1e7f1;border-radius:16px;box-shadow:0 18px 55px #1938610b}.auth-card .brand-image{background:#10213c;border-radius:10px;padding:8px 14px;max-width:240px;margin:auto}.auth-card .brand:after{color:#8a9fbc}.auth-card h1{font-size:27px;color:#263e60}.auth-card p{color:#7b90ae;font-size:12px}.notice{font-size:12px}.statusline{font-size:11px}
footer{padding:24px 36px;color:#99a8bf;font-size:10px}#toast{background:#1d355b;font-size:12px;border:1px solid #52749a55;border-radius:10px;box-shadow:0 8px 32px #18315730}
@media(min-width:1600px){.page{padding:38px 48px}.topbar{padding:0 48px}}
@media(max-width:1150px){:root{--sidebar:220px}.page{padding:28px 24px}.topbar{padding:0 24px}.nav-item{font-size:11px;padding:13px 12px}.brand-image img{height:68px}.stat{padding:18px}.stat-value{font-size:27px}.stat-foot{font-size:9px}td,th{padding-left:16px;padding-right:16px}}
@media(max-width:950px){.stats{grid-template-columns:repeat(2,1fr)}.sheet-meta{grid-template-columns:repeat(2,1fr)}.page-heading{align-items:flex-start}.page-heading h1{font-size:27px}.page-heading .actions{justify-content:flex-end}.topbar-right .avatar{display:none}}
@media(max-width:760px){:root{--sidebar:0px}.sidebar{position:static;width:100%;padding:16px 17px 10px}.brand{padding:0 0 17px}.brand-image{max-width:190px}.brand-image img{height:60px}.brand:after{display:none}nav{gap:5px;overflow-x:auto;display:flex;padding-bottom:3px}.nav-item{flex:none;padding:10px 12px;font-size:11px}.nav-item.active:before{display:none}.nav-item>span{width:17px;height:17px}.nav-item svg{width:17px;height:17px}.topbar{height:50px;padding:0 18px}.breadcrumb{font-size:11px}.topbar-right{font-size:10px}.page{padding:24px 17px}.page-heading{flex-wrap:wrap;gap:15px}.page-heading .actions{justify-content:flex-start}.stats{gap:11px}.stat-value{font-size:28px}.stat-foot{font-size:10px}.filters{padding:14px}.filters select{max-width:none}.panel-head{padding:17px}.sheet-meta{padding:20px;gap:20px}.sheet-presence{font-size:10px;margin-top:0}.presence-alone{width:100%}.sheet-table{min-width:1750px}.brand-image{background:transparent}.auth-card .brand{padding-bottom:22px}.auth-card .brand-image{max-width:215px}.auth-card{padding:27px}.modal-head,#modal-body{padding:20px}.modal-actions{padding:16px 20px}.cards{grid-template-columns:1fr}.entity-card .actions{gap:7px}footer{padding:23px 18px}.live-status{white-space:nowrap}.permission-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}