:root{--panel:#fff;--text:#1b292c;--red:#8e1823;--bg:#f6f7f5}
.account-app{background:var(--paper);color:var(--ink)}.account-app>header{height:82px;padding:17px 4vw;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.account-app .brand{font-size:25px}.account-app .brand small{font-size:9px;letter-spacing:.14em;font-weight:400;color:var(--muted);margin-left:12px;border-left:1px solid var(--line);padding-left:14px}.account-app .brand-symbol{width:35px;height:35px}.account-app #identity{font-size:11px;color:var(--muted);display:flex;gap:12px;align-items:center}.account-app button:not(.primary){background:white;color:var(--ink);border:1px solid var(--line);border-radius:8px;font-size:12px;padding:10px 13px;min-height:38px;display:inline-flex;align-items:center;gap:8px}.account-app button:not(.primary):hover{background:#edf1eb}.account-app button.primary{background:var(--accent);border:1px solid var(--accent);color:white;border-radius:8px;min-height:44px;padding:12px 18px}.account-app label{font-size:12px;color:var(--ink);font-weight:500;margin:18px 0;display:block}.account-app label>input:not([type=checkbox]),.account-app label>select,.account-app label>textarea{margin-top:7px;background:white;color:var(--ink);width:100%;border-color:var(--line)}.account-app .check-row{font-size:11px;font-weight:400;line-height:1.7;display:flex;gap:10px;align-items:flex-start}.account-app .check-row input{width:16px;height:16px;flex:none}.account-app .login-card{max-width:580px;background:white;border-color:var(--line);box-shadow:var(--shadow);padding:38px 42px;margin:50px auto;border-radius:17px}.account-app .login-card h1{font-size:34px;margin:5px 0 20px}.account-app .login-card>p{color:var(--muted);font-size:13px;line-height:1.8}.account-app .login-card .primary{width:100%;margin-top:10px}.account-app .login-card details{background:var(--paper);padding:15px;border:1px solid var(--line);border-radius:8px;font-size:11px;color:var(--muted)}.account-app .mode{background:#fff3d9;color:#85642d;border:1px solid #e9d9b2;font-size:11px;padding:13px 17px;border-radius:8px;line-height:1.7}.account-app .layout{grid-template-columns:220px minmax(0,1fr)}.account-app .layout>aside{background:#1b2b30;border:0;padding:27px 15px}.account-app .layout>aside small{color:#81999d;font-size:9px;letter-spacing:.16em}.account-app .layout>aside button{display:flex;align-items:center;gap:10px;width:100%;border:0;color:#bfced0;background:transparent;padding:12px 14px;border-radius:8px;font-size:12px;margin:3px 0;text-align:left}.account-app .layout>aside button .ui-icon{width:17px;height:17px;color:#8ca9ac}.account-app .layout>aside button:hover{background:#ffffff0b;color:white}.account-app .layout>aside button.active{background:#ffffff14;color:white}.account-app .layout>aside button.active .ui-icon{color:#e9c499}.account-app .workspace{padding:35px 35px 60px}.account-app .topline h1{font-size:32px;margin:5px 0 10px}.account-app .topline p{color:var(--muted);font-size:12px}.account-app .tools select,.account-app .tools input{background:white;border-color:var(--line);font-size:12px;color:var(--ink)}.account-app .metric,.account-app .card{background:white;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.account-app .metric span{color:var(--muted);font-size:11px}.account-app .metric strong{color:var(--ink);font-size:28px;font-weight:500;margin-top:13px}.account-app .card h2{font-size:23px}.account-app .queue{border-color:var(--line);align-items:center}.account-app .queue strong{color:var(--accent);font-weight:500}.account-app .queue span{color:var(--muted);font-size:12px}.account-app .table-wrap{border-color:var(--line);background:white}.account-app th{background:#edf1eb;color:#677969;border-color:var(--line);font-size:9px}.account-app td{border-color:var(--line);font-size:12px;color:var(--ink);padding:16px}.account-app td small{color:var(--muted);font-size:10px}.account-app tbody tr:hover{background:#fafbf8}.account-app td button{font-size:10px!important;min-height:30px!important;padding:7px 10px!important}.account-app .badge{font-size:9px;border:1px solid #dce4d6;background:#ecf1e7;color:#6b7a5c;border-radius:5px;padding:5px 8px}.account-app .badge.active,.account-app .badge.delivered,.account-app .badge.paid{background:#e4f2e7;color:#34704a;border-color:#bed7c5}.account-app .badge.pending,.account-app .badge.open,.account-app .badge.waiting{background:#fff2d9;color:#956b2e;border-color:#e9d2a4}.account-app .badge.suspended,.account-app .badge.urgent,.account-app .badge.overdue{background:#fae7e3;color:#a14335;border-color:#eac5bd}.account-app .message{background:var(--paper);border-color:var(--line);color:var(--ink)}.account-app .message.internal{background:#fff5df;border-color:#ead6a9}.account-app .message small{color:var(--muted)}.account-app .error,.account-app .danger{color:#a14335}.account-app .success{color:#34704a}.account-app .daily rect{fill:var(--accent)}.account-app .daily text{fill:#71816f}.account-app dialog{background:white;color:var(--ink);border-color:var(--line)}.account-app dialog .close{background:var(--paper);border:0;padding:5px;min-height:32px}.account-app .account-wrap{max-width:1100px;margin:40px auto 70px}.account-app .account-wrap h1{font-size:35px}.account-app .account-wrap p{color:var(--muted);font-size:13px}.account-app .account-wrap .columns{margin-top:25px}.account-app .account-wrap .card h2{font-size:23px}.account-app .footnote{font-size:11px;color:var(--muted);line-height:1.8}.account-app .empty{color:var(--muted)}.account-app #op-content>h2{font-size:25px;margin-top:35px}.account-app a{color:var(--accent)}@media(max-width:1100px){.account-app .layout{grid-template-columns:190px minmax(0,1fr)}.account-app .workspace{padding:25px}.account-app .topline h1{font-size:29px}.account-app .brand small{display:none}}@media(max-width:750px){.account-app .layout{display:block}.account-app .layout>aside{display:flex;overflow:auto;padding:8px 12px;gap:4px}.account-app .layout>aside small{display:none}.account-app .layout>aside button{width:auto;white-space:nowrap;padding:10px;font-size:11px}.account-app .layout>aside button .ui-icon{width:15px;height:15px}.account-app>header{padding:15px 20px;min-height:76px;height:auto}.account-app .brand{font-size:23px}.account-app .brand-symbol{width:31px;height:31px}.account-app #identity{font-size:10px;gap:7px}.account-app #identity button{font-size:10px;padding:8px}.account-app .login-card{margin:30px 18px;padding:27px}.account-app .login-card h1{font-size:30px}.account-app .workspace{padding:25px 18px}.account-app .account-wrap{padding-inline:18px}.account-app .account-wrap h1{font-size:30px}}