@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#273149;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fb;font-family:DM Sans,Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#f7f8fb;min-width:1120px;margin:0}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #b7c1f2}.admin-app{background:#f7f8fb;min-height:100vh;display:flex}.admin-loading{color:#758096;background:#f7f8fb;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;font-size:12px;display:flex}.admin-login-screen{background:radial-gradient(circle at 72% 12%,#f0efff 0,#0000 32%),#f7f8fb;place-items:center;min-height:100vh;padding:30px;display:grid}.admin-login-card{background:#fffffff0;border:1px solid #e7e9f1;border-radius:18px;width:420px;max-width:100%;padding:37px 39px 30px;box-shadow:0 22px 60px #2b355b14}.admin-login-brand{align-items:center;gap:10px;display:flex}.admin-login-brand>span:last-child{flex-direction:column;gap:2px;display:flex}.admin-login-brand b{color:#2f3a52;letter-spacing:.03em;font-size:16px}.admin-login-brand small{color:#9da5b6;font-size:10px}.admin-login-heading{margin:50px 0 27px}.admin-login-heading h1{color:#2d3851;letter-spacing:-.03em;margin:9px 0 7px;font-size:27px}.admin-login-heading p{color:#9ba3b3;margin:0;font-size:12px}.admin-login-form{flex-direction:column;gap:16px;display:flex}.admin-login-form label{color:#657086;flex-direction:column;gap:7px;font-size:11px;font-weight:600;display:flex}.admin-login-form input{color:#3d4960;background:#fbfcfe;border:1px solid #e5e8ef;border-radius:8px;outline:0;width:100%;height:42px;padding:0 12px;font-size:12px}.admin-login-form input:focus{background:#fff;border-color:#8b9bea;box-shadow:0 0 0 3px #6477de1a}.admin-login-form input::placeholder{color:#b0b7c4}.login-error{color:#ca6c64;align-items:center;gap:6px;min-height:18px;font-size:10px;display:flex}.login-submit{color:#fff;background:linear-gradient(125deg,#5068df,#7151d8);border-radius:9px;justify-content:center;align-items:center;gap:9px;height:43px;margin-top:2px;font-size:12px;font-weight:600;display:flex;box-shadow:0 8px 16px #515fd32b}.login-submit:hover{background:linear-gradient(125deg,#455ed7,#6547cf)}.login-submit:disabled{opacity:.65}.admin-login-note{color:#9ba4b5;border-top:1px solid #eef0f4;align-items:center;gap:7px;margin-top:25px;padding-top:17px;font-size:10px;display:flex}.admin-login-note svg{color:#8191da}.sidebar{background:#fff;border-right:1px solid #e8eaf0;flex-direction:column;flex:0 0 244px;width:244px;min-height:100vh;padding:26px 16px 18px;display:flex}.brand{align-items:center;gap:11px;padding:0 12px 27px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(140deg,#405fea,#704ce5);border-radius:11px;place-items:center;width:36px;height:36px;font-size:19px;font-weight:700;display:grid;box-shadow:0 6px 15px #494fd238}.brand span:last-child{flex-direction:column;gap:2px;display:flex}.brand b{color:#28334b;letter-spacing:.03em;font-size:16px}.brand small{color:#98a0b4;letter-spacing:.03em;font-size:10px}.env-switch{background:#fafbfe;border:1px solid #eceef4;border-radius:12px;align-items:center;gap:9px;min-height:58px;padding:10px 11px;display:flex}.env-switch>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.env-switch small{color:#9aa2b4;font-size:10px}.env-switch b{color:#34405a;font-size:12px}.env-dot,.sidebar-status i,.live-dot{background:#36b77a;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #36b77a1a}.env-switch svg{color:#9ba3b3;transform:rotate(90deg)}.nav{flex-direction:column;gap:4px;margin-top:29px;display:flex}.nav-label{color:#a5adbd;letter-spacing:.12em;text-transform:uppercase;padding:0 13px 8px;font-size:10px}.nav-label-spaced{margin-top:23px}.nav button{color:#737d92;text-align:left;background:0 0;border-radius:10px;align-items:center;gap:12px;min-height:44px;padding:0 13px;font-size:13px;transition:all .18s;display:flex;position:relative}.nav button:hover{color:#4d5fdc;background:#f6f7ff}.nav button.active{color:#4d5fdc;background:#f0f2ff;font-weight:600}.nav button.active:before{content:"";background:#5667e8;border-radius:3px;width:3px;height:20px;position:absolute;left:0}.nav button em{color:#d56638;background:#fff1e8;border-radius:999px;place-items:center;min-width:19px;height:19px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;display:grid}.sidebar-bottom{flex-direction:column;gap:17px;margin-top:auto;display:flex}.sidebar-status{background:#f8fcfa;border:1px solid #ebf0ed;border-radius:11px;align-items:center;gap:10px;padding:10px 11px;display:flex}.sidebar-status i{width:7px;height:7px;box-shadow:none;flex:none}.sidebar-status span{flex-direction:column;gap:3px;display:flex}.sidebar-status b{color:#3d7f5f;font-size:11px}.sidebar-status small{color:#9bab9f;font-size:10px}.sidebar-link{color:#8992a5;text-align:left;background:0 0;align-items:center;gap:9px;padding:0 12px;font-size:12px;display:flex}.sidebar-link:hover{color:#4f62d7}.admin-account{border-top:1px solid #eff0f4;align-items:center;gap:9px;padding:14px 8px 0;display:flex}.admin-account>span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.admin-account b{color:#3c465e;font-size:12px}.admin-account small{color:#a3aaba;font-size:10px}.admin-account>button{color:#9da4b3;background:0 0;padding:4px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:#ffffffdb;border-bottom:1px solid #e9ebf1;justify-content:space-between;align-items:center;gap:24px;height:74px;padding:0 37px;display:flex}.breadcrumbs{color:#a2aaba;align-items:center;gap:11px;font-size:12px;display:flex}.breadcrumbs svg{color:#c2c6d0;transform:rotate(0)}.breadcrumbs b{color:#46516b;font-weight:600}.topbar-right{align-items:center;gap:18px;display:flex}.global-search{background:#fafbfc;border:1px solid #e8eaf0;border-radius:9px;align-items:center;gap:8px;width:305px;height:37px;padding:0 12px;display:flex}.global-search svg{color:#9ba4b6;flex:none}.global-search input{color:#39445e;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:12px}.global-search input::placeholder{color:#aeb5c2}.notification-button,.icon-button{color:#7e889c;background:0 0;place-items:center;padding:7px;display:grid;position:relative}.notification-button i{background:#ee7e55;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.topbar-separator{background:#eaecf1;width:1px;height:22px}.topbar-env{color:#a7adbb;font-size:11px}.content{width:100%;max-width:1520px;margin:0 auto;padding:35px 37px 56px}.data-alert{color:#a97b52;background:#fffbf7;border:1px solid #f1e5d8;border-radius:10px;align-items:center;gap:10px;min-height:50px;margin-bottom:19px;padding:0 13px;display:flex}.data-alert>span{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.data-alert b{font-size:11px;font-weight:600}.data-alert small{color:#b69a7e;font-size:10px}.data-alert button{color:#b0774c;background:#fff2e4;border-radius:5px;padding:5px 7px;font-size:10px}.page-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:29px;display:flex}.eyebrow{color:#8090da;letter-spacing:.14em;font-size:10px;font-weight:700}.page-heading h1{color:#28334b;letter-spacing:-.03em;margin:9px 0 6px;font-size:28px;line-height:1.2}.page-heading p{color:#939caf;margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.button{color:#637087;white-space:nowrap;background:#fff;border:1px solid #e5e8ef;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:36px;padding:0 13px;font-size:11px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover{color:#4d5fd6;background:#fafbff;border-color:#bdc6ef}.button-primary{color:#fff;background:linear-gradient(125deg,#5068df,#7151d8);border-color:#0000;box-shadow:0 5px 12px #515fd329}.button-primary:hover{color:#fff;background:linear-gradient(125deg,#455ed7,#6547cf);border-color:#0000}.button-danger{color:#c46357;background:snow;border-color:#f2d9d6}.button-quiet{color:#6472d6;background:0 0;border:0;padding-left:0}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.metric-card{min-width:0;min-height:143px;color:inherit;text-align:left;background:#fff;border:1px solid #e9ebf2;border-radius:13px;grid-template-rows:30px 1fr 22px;grid-template-columns:37px 1fr 16px;gap:6px 9px;padding:19px 18px 16px;transition:all .2s;display:grid;position:relative}.metric-card:hover{border-color:#ccd3f6;transform:translateY(-1px);box-shadow:0 8px 22px #2a38660f}.metric-icon{border-radius:10px;grid-row:span 1;place-items:center;width:34px;height:34px;display:grid}.metric-blue{color:#566ddc;background:#eff2ff}.metric-purple{color:#9061cf;background:#f5efff}.metric-green{color:#39a77d;background:#edf9f3}.metric-orange{color:#db8651;background:#fff5eb}.metric-red{color:#d2605b;background:#fff1f0}.metric-slate{color:#7a8495;background:#f2f4f7}.metric-label{color:#8390a4;align-self:center;font-size:11px}.metric-card>svg{color:#c6cbd6;place-self:center end}.metric-value{color:#2e3952;letter-spacing:-.04em;grid-column:1/-1;align-self:end;font-size:27px;font-weight:700}.metric-foot{color:#a0a8b6;grid-column:1/-1;align-items:center;gap:7px;font-size:10px;display:flex}.metric-foot b{color:#3caa7d;font-weight:600}.overview-grid{grid-template-columns:minmax(0,1.58fr) minmax(320px,.9fr);gap:17px;margin-bottom:17px;display:grid}.lower-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.panel{background:#fff;border:1px solid #e9ebf1;border-radius:13px}.trend-panel,.health-panel,.queue-panel,.recent-panel{min-height:321px;padding:22px 23px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-heading h2{color:#36415a;letter-spacing:-.015em;margin:0 0 5px;font-size:15px}.panel-heading p{color:#a1a9b8;margin:0;font-size:11px}.select-button{color:#7b8597;background:#fff;border:1px solid #e9ebf0;border-radius:7px;align-items:center;gap:7px;height:30px;padding:0 9px;font-size:10px;display:inline-flex}.select-button svg{color:#a4abba;transform:rotate(90deg)}.legend{color:#929baa;align-items:center;gap:19px;margin-top:25px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:3px;width:7px;height:7px}.legend-dot.blue{background:#6d80e7}.legend-dot.purple{background:#b49bf0}.bar-chart{background:repeating-linear-gradient(#0000 0 49px,#f0f1f5 50px);border-bottom:1px solid #ebedf2;justify-content:space-between;align-items:flex-end;gap:10px;height:201px;margin:13px 0 0;padding:12px 9px 0;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.bar-stack{background:#e6e9fb;border-radius:5px 5px 2px 2px;width:min(23px,75%);min-height:16px;position:relative;overflow:hidden}.bar-stack i{border-radius:inherit;position:absolute;bottom:0;left:0;right:0}.bar-total{opacity:.86;background:linear-gradient(#7788e8,#a3adf2);height:100%}.bar-success{background:linear-gradient(#bea4f0,#d2c2f6)}.bar-column>span{color:#b2b8c3;height:12px;font-size:9px}.health-panel{flex-direction:column;display:flex}.health-panel>.button{align-self:flex-start;margin-top:auto}.icon-button:hover{color:#5267d9;background:#f3f5ff;border-radius:7px}.service-list{flex-direction:column;gap:18px;margin:26px 0 19px;display:flex}.service-row{align-items:center;gap:9px;display:flex}.service-dot{border-radius:50%;flex:none;width:8px;height:8px}.service-dot.green{background:#46b683;box-shadow:0 0 0 4px #eaf8f0}.service-dot.orange{background:#e49a54;box-shadow:0 0 0 4px #fff4e7}.service-copy{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.service-copy b{color:#4e596f;font-size:11px}.service-copy small{color:#a4acb9;font-size:10px}.service-row>strong{color:#4caa80;font-size:11px;font-weight:600}.service-row:nth-child(2)>strong{color:#d79658}.queue-panel,.recent-panel{min-height:244px}.count-badge{color:#d47245;background:#fff1e9;border-radius:7px;place-items:center;min-width:24px;height:24px;font-size:11px;font-weight:700;display:grid}.queue-list,.recent-list{flex-direction:column;margin-top:21px;display:flex}.queue-list button,.recent-list button{color:inherit;text-align:left;background:0 0;border-top:1px solid #f0f1f4;align-items:center;gap:10px;padding:10px 0;display:flex}.queue-list button:first-child,.recent-list button:first-child{border-top:0}.queue-list button:hover b,.recent-list button:hover b{color:#5368d6}.queue-icon{border-radius:8px;flex:none;place-items:center;width:29px;height:29px;display:grid}.queue-orange{color:#d88952;background:#fff4e8}.queue-red{color:#d16962;background:#fff0ef}.queue-blue{color:#5c75d7;background:#eef2ff}.queue-list button>span:nth-child(2),.recent-list button>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.queue-list b,.recent-list b{color:#576177;font-size:11px;font-weight:600}.queue-list small,.recent-list small{color:#a4acba;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.queue-list button>svg{color:#c8cdd6}.text-button{color:#6174d6;background:0 0;align-items:center;gap:7px;padding:3px 0;font-size:10px;display:inline-flex}.recent-type{color:#6578d8;background:#f0f2ff;border-radius:8px;place-items:center;width:27px;height:27px;display:grid}.recent-list .status{margin-left:auto}.recent-list time{color:#adb4c1;text-align:right;width:42px;font-size:10px}.table-panel{overflow:hidden}.toolbar{border-bottom:1px solid #edf0f4;align-items:center;gap:12px;min-height:74px;padding:17px 20px;display:flex}.search-field{background:#fafbfd;border:1px solid #e6e9f0;border-radius:8px;align-items:center;gap:8px;width:265px;height:37px;padding:0 11px;display:flex}.search-field svg{color:#a2aaba}.search-field input{color:#45516b;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-field input::placeholder{color:#aab1bf}.toolbar-filters{align-items:center;gap:7px;display:flex}.filter-label{color:#a4acbb;align-items:center;gap:4px;font-size:10px;display:inline-flex}.toolbar select{color:#6d778b;background:#fff;border:1px solid #e6e9f0;border-radius:8px;outline:0;height:37px;padding:0 25px 0 10px;font-size:11px}.toolbar-actions{gap:8px;margin-left:auto;display:flex}.table-meta{color:#a2aaba;justify-content:space-between;align-items:center;min-height:48px;padding:0 20px;font-size:10px;display:flex}.inline-hint{align-items:center;gap:7px;display:inline-flex}.live-dot{width:6px;height:6px;box-shadow:none}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:11px}.data-table th{color:#a3aab8;text-align:left;background:#fafbfc;height:39px;padding:0 20px;font-size:10px;font-weight:500}.data-table td{color:#59647a;border-top:1px solid #f0f1f4;height:67px;padding:0 20px}.data-table tbody tr{transition:all .15s}.data-table tbody tr:hover{background:#fbfcff}.data-table tbody tr[onClick]{cursor:pointer}.user-cell{align-items:center;gap:10px;display:flex}.user-cell>span:last-child,.task-id,.data-table td>div:not(.user-cell){flex-direction:column;gap:4px;display:flex}.user-cell b,.data-table td b{color:#4a566d;font-weight:600}.user-cell small,.task-id small,.data-table td small{color:#a5adbb;font-size:10px}.number-cell{flex-direction:column;gap:2px;display:flex}.number-cell small{color:#a9b0bf;font-size:9px}.muted{color:#9da6b5!important}.avatar{color:#fff;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;font-size:12px;font-weight:700;display:grid}.avatar-small{border-radius:9px;width:29px;height:29px;font-size:11px}.avatar-blue{background:linear-gradient(140deg,#5876df,#7793e8)}.avatar-purple{background:linear-gradient(140deg,#9b6ed3,#b593e6)}.avatar-orange{background:linear-gradient(140deg,#df9257,#eab178)}.avatar-green{background:linear-gradient(140deg,#4cac83,#77c49d)}.avatar-slate{background:linear-gradient(140deg,#8790a0,#afb6c2)}.status{color:#7e889b;align-items:center;gap:6px;min-width:max-content;font-size:10px;display:inline-flex}.status i{background:#aab2c0;border-radius:50%;width:6px;height:6px}.status-success{color:#43956f}.status-success i{background:#4db184}.status-warning{color:#c4874c}.status-warning i{background:#e0a058}.status-danger{color:#cb675f}.status-danger i{background:#da7069}.status-neutral{color:#9099a9}.row-more{color:#aab1be;background:0 0;padding:5px}.row-more:hover{color:#5165d4;background:#f1f3ff;border-radius:6px}.type-chip{color:#6974c9;background:#f2f3ff;border-radius:6px;align-items:center;gap:5px;height:24px;padding:0 8px;font-size:10px;display:inline-flex}.task-table td{height:72px}.mini-progress{background:#eef0f5;border-radius:4px;width:75px;height:3px;margin-top:7px;overflow:hidden}.mini-progress i{border-radius:inherit;background:#6d80e4;height:100%;display:block}.pagination{color:#a4acb9;border-top:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:65px;padding:0 20px;font-size:10px;display:flex}.pagination>div{align-items:center;gap:4px;display:flex}.pagination button{color:#8993a4;background:0 0;border:1px solid #0000;border-radius:6px;min-width:27px;height:27px;padding:0 7px;font-size:10px}.pagination button:hover:not(:disabled),.pagination button.current{color:#5669d7;background:#f2f4ff;border-color:#dfe4fa}.empty-state{color:#a3abb9;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:230px;display:flex}.empty-state svg{color:#c5cad5}.empty-state b{color:#6d778b;font-size:13px}.empty-state span{font-size:11px}.segment-tabs{border-bottom:1px solid #edf0f4;align-items:center;gap:24px;min-height:62px;padding:0 20px;display:flex}.segment-tabs button{color:#9ba3b3;background:0 0;height:62px;font-size:12px;position:relative}.segment-tabs button.active{color:#4e61d4;font-weight:600}.segment-tabs button.active:after{content:"";background:#5c70df;border-radius:3px;height:2px;position:absolute;bottom:-1px;left:0;right:0}.segment-tabs b{color:#aeb5c1;margin-left:5px;font-size:10px;font-weight:500}.ledger-summary{border-bottom:1px solid #edf0f4;align-items:center;gap:37px;min-height:75px;padding:15px 20px;display:flex}.ledger-summary>span{flex-direction:column;gap:4px;display:flex}.ledger-summary small{color:#a4acb9;font-size:10px}.ledger-summary b{color:#4c586e;font-size:16px}.ledger-summary span:nth-child(2) b{color:#cc7768}.ledger-summary .button{margin-left:auto}.amount-positive{color:#45a176!important}.amount-negative{color:#cb7468!important}.mono,.error-code{letter-spacing:.02em;font-family:DM Sans,monospace}.mono{font-size:10px}.system-banner{background:#f7fcf9;border:1px solid #e2f0e8;border-radius:13px;align-items:center;gap:13px;min-height:81px;margin-bottom:17px;padding:17px 20px;display:flex}.system-banner-icon{color:#35a574;background:#e3f6eb;border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.system-banner>div{flex:1}.system-banner b{color:#3d7e5e;font-size:13px}.system-banner p{color:#8eab9a;margin:4px 0 0;font-size:10px}.service-table-panel,.error-panel{padding:22px 23px}.live-label{color:#43a47a;align-items:center;gap:6px;font-size:10px;display:inline-flex}.live-label i{background:#44b283;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #e8f8ef}.service-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:23px;display:grid}.service-card{background:#fcfcfd;border:1px solid #ebedf2;border-radius:10px;flex-direction:column;min-height:178px;padding:15px;display:flex}.service-card-orange{background:#fffdf9;border-color:#f1e6d8}.service-card-top{justify-content:space-between;align-items:center;margin-bottom:13px;display:flex}.service-large-dot{border-radius:50%;width:9px;height:9px}.service-large-dot.green{background:#46b783;box-shadow:0 0 0 5px #ebf8f0}.service-large-dot.orange{background:#e6a35e;box-shadow:0 0 0 5px #fff3e6}.service-card>b{color:#4a566c;font-size:12px}.service-card>small{color:#a4acb8;margin-top:4px;font-size:10px}.service-stats{gap:24px;margin:18px 0 15px;display:flex}.service-stats span{flex-direction:column;gap:4px;display:flex}.service-stats small{color:#a8afbc;font-size:9px}.service-stats b{color:#4aa57a;font-size:12px}.service-card-orange .service-stats b{color:#d29453}.service-card .button{align-self:flex-start;margin-top:auto}.error-panel{margin-top:17px}.compact-table{margin-top:20px}.compact-table th,.compact-table td{padding-left:0;padding-right:20px}.compact-table th:first-child,.compact-table td:first-child{padding-left:0}.error-code{color:#6b7691;font-size:10px}.suggestion{border-radius:5px;padding:4px 7px;font-size:9px}.suggestion-orange{color:#c98850;background:#fff3e6}.suggestion-blue{color:#6377d7;background:#eff2ff}.suggestion-green{color:#449d75;background:#ebf8f0}.billing-summary{background:linear-gradient(110deg,#f8f9ff,#fff);border:1px solid #e6e9f3;border-radius:13px;justify-content:space-between;align-items:center;min-height:82px;margin-bottom:17px;padding:18px 21px;display:flex}.billing-summary h2{color:#34405a;margin:7px 0 4px;font-size:17px}.billing-summary p{color:#9da6b5;margin:0;font-size:10px}.billing-live{color:#48a47a;align-items:center;gap:7px;font-size:10px;display:inline-flex}.billing-live i{background:#4db184;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e8f8ef}.billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.billing-card{min-height:245px;padding:22px 23px;position:relative}.billing-card-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.billing-image{color:#6779dc;background:#f0f2ff}.billing-video{color:#9a70d0;background:#f6f0ff}.billing-card-copy{margin:16px 0 22px}.billing-card-copy h3{color:#4b5770;margin:0 0 5px;font-size:14px}.billing-card-copy p{color:#9da6b5;margin:0;font-size:10px}.billing-card label{color:#667289;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.billing-input-wrap{align-items:center;gap:7px;display:flex}.billing-input-wrap input{color:#48536a;width:90px;font:inherit;text-align:right;background:#fafbfc;border:1px solid #e1e5ee;border-radius:8px;padding:10px;font-size:14px;font-weight:600}.billing-input-wrap input:disabled{color:#65718a;opacity:1}.billing-input-wrap small{color:#9da6b5;font-size:9px;font-weight:400}.billing-example{color:#99a2b0;border-top:1px solid #f0f1f4;margin-top:20px;padding-top:13px;font-size:10px}.billing-example b{color:#5969c8}.billing-actions{grid-column:1/-1;justify-content:flex-end;align-items:center;gap:8px;min-height:48px;display:flex}.billing-reason{color:#45516b;width:235px;font:inherit;background:#fafbfc;border:1px solid #e4e8f0;border-radius:8px;outline:0;padding:9px 10px;font-size:11px}.billing-error{grid-column:1/-1}.billing-note{color:#7180d7;background:#f7f8ff;border-color:#e7e9fb;align-items:flex-start;gap:11px;margin-top:17px;padding:17px 20px;display:flex}.billing-note b{color:#5868c9;font-size:11px}.billing-note p{color:#929bb1;margin:5px 0 0;font-size:10px;line-height:1.6}.security-grid{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:17px;margin-bottom:17px;display:grid}.admin-members,.role-panel,.audit-panel{padding:22px 23px}.admin-list{margin-top:19px}.admin-row{border-top:1px solid #f0f1f4;align-items:center;gap:10px;min-height:62px;padding:10px 0;display:flex}.admin-row:first-child{border-top:0}.admin-row>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.admin-row b{color:#4a566c;font-size:11px}.admin-row small{color:#a4acba;font-size:10px}.admin-row time{color:#a2aaba;text-align:right;width:64px;font-size:10px}.role-panel>svg{color:#6d7de0}.role-row{border-top:1px solid #f0f1f4;align-items:center;gap:10px;min-height:59px;display:flex}.role-row:first-of-type{margin-top:16px}.role-dot-large{border-radius:3px;width:8px;height:8px}.role-dot-large.purple{background:#9e75d6}.role-dot-large.blue{background:#6682e2}.role-dot-large.green{background:#55b488}.role-dot-large.orange{background:#e4a060}.role-row span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.role-row b{color:#4e596f;font-size:11px}.role-row small{color:#a5adba;font-size:10px}.role-row strong{color:#8993a4;font-size:10px;font-weight:500}.audit-panel .data-table{margin-top:20px}.log-user{align-items:center;gap:7px;display:flex}.log-dot{border-radius:50%;width:6px;height:6px}.log-dot.purple{background:#a278dd}.log-dot.orange{background:#e0a061}.log-dot.blue{background:#6380de}.log-dot.red{background:#db756e}.event-chip{border-radius:5px;padding:4px 7px;font-size:9px}.event-chip.purple{color:#8d67c4;background:#f4effd}.event-chip.orange{color:#c7874d;background:#fff3e6}.event-chip.blue{color:#6378d1;background:#eef2ff}.event-chip.red{color:#ca6a64;background:#fff0ef}.modal-backdrop{z-index:25;background:#222a413d;place-items:center;padding:20px;animation:.16s ease-out fade-in;display:grid;position:fixed;inset:0}.credit-modal{background:#fff;border:1px solid #e7eaf2;border-radius:15px;width:min(430px,100%);animation:.2s ease-out modal-in;box-shadow:0 22px 70px #222c4c2e}.credit-modal-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:flex-start;gap:18px;padding:23px 24px 17px;display:flex}.credit-modal-header h2{color:#34405a;letter-spacing:-.025em;margin:8px 0 5px;font-size:18px}.credit-modal-header p{color:#9da6b5;margin:0;font-size:11px}.credit-form{padding:21px 24px 23px}.credit-form label{color:#667289;flex-direction:column;gap:7px;margin-bottom:16px;font-size:11px;font-weight:600;display:flex}.credit-form label small{color:#a3abb9;margin-top:-3px;font-size:10px;font-weight:400}.credit-form input,.credit-form textarea{color:#45516b;width:100%;font:inherit;resize:vertical;background:#fafbfc;border:1px solid #e4e8f0;border-radius:8px;outline:0;padding:10px 11px;font-weight:400;transition:all .16s}.credit-form input:focus,.credit-form textarea:focus{background:#fff;border-color:#9eabe9;box-shadow:0 0 0 3px #5d6fdc1a}.credit-form input::placeholder,.credit-form textarea::placeholder{color:#b0b7c4}.credit-modal-footer{justify-content:flex-end;gap:8px;padding-top:2px;display:flex}.credit-modal-footer .button{min-width:78px}.credit-form select{color:#45516b;width:100%;font:inherit;background:#fafbfc;border:1px solid #e4e8f0;border-radius:8px;outline:0;padding:10px 11px;font-weight:400;transition:all .16s}.credit-form select:focus{background:#fff;border-color:#9eabe9;box-shadow:0 0 0 3px #5d6fdc1a}.toast{z-index:30;color:#4c7e66;background:#fff;border:1px solid #dfe8e3;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 14px 0 8px;font-size:11px;display:flex;position:fixed;bottom:28px;right:29px;box-shadow:0 12px 35px #2a355421}.toast span{color:#fff;background:#4fb184;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.drawer-backdrop{z-index:20;background:#222a4133;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#fff;flex-direction:column;width:470px;max-width:100vw;height:100%;animation:.22s ease-out slide-in;display:flex;box-shadow:-15px 0 45px #222c4c1f}.drawer-header{border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;min-height:80px;padding:0 25px;display:flex}.drawer-header>div{flex-direction:column;gap:5px;display:flex}.drawer-header span{color:#34405a;font-size:16px;font-weight:600}.drawer-header small{color:#a4acbb;font-size:10px}.drawer-content{padding:24px 25px 44px;overflow:auto}.drawer-user-head,.task-drawer-title{align-items:center;gap:12px;display:flex}.drawer-user-head>div,.task-drawer-title>div{flex:1;min-width:0}.drawer-user-head h3,.task-drawer-title h3{color:#34405a;margin:0 0 5px;font-size:16px}.drawer-user-head p,.task-drawer-title p{color:#9da6b5;margin:0;font-size:11px}.drawer-actions{flex-wrap:wrap;gap:7px;margin:22px 0 25px;display:flex}.drawer-actions .button{min-height:33px}.drawer-stats{border-top:1px solid #edf0f4;border-bottom:1px solid #edf0f4;grid-template-columns:repeat(4,1fr);gap:10px;padding:15px 0;display:grid}.drawer-stats span{flex-direction:column;gap:5px;display:flex}.drawer-stats b{color:#47536b;font-size:14px}.drawer-stats small{color:#a4acb8;font-size:9px}.drawer-section{margin-top:24px}.drawer-section h4{color:#63708a;margin:0 0 11px;font-size:11px;font-weight:600}.drawer-list{border:1px solid #edf0f4;border-radius:9px;overflow:hidden}.drawer-list>div{border-top:1px solid #f0f1f4;align-items:center;gap:9px;min-height:56px;padding:9px 11px;display:flex}.drawer-list>div:first-child{border-top:0}.drawer-list>div>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.drawer-list b{color:#58637a;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.drawer-list small{color:#a5adba;font-size:9px}.drawer-list>div>svg{color:#bec4cf}.project-mark,.task-mark{color:#fff;background:#7184df;border-radius:7px;place-items:center;width:27px;height:27px;font-size:11px;font-weight:600;display:grid}.project-mark.green{background:#61b391}.task-mark{color:#6677d7;background:#f0f2ff}.task-mark.purple{color:#9a70d0;background:#f6f0ff}.task-large-icon{color:#6779dc;background:#f0f2ff;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.timeline{margin:26px 0;padding-left:5px}.timeline-item{border-left:1px solid #e9ebf1;min-height:56px;padding:0 0 15px 25px;display:flex;position:relative}.timeline-item:last-child{border-left-color:#0000}.timeline-item>i{background:#bbc2ce;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:1px;left:-5px;box-shadow:0 0 0 1px #bbc2ce}.timeline-item.done>i{background:#53b185;box-shadow:0 0 0 1px #53b185}.timeline-item.active>i{background:#6680df;box-shadow:0 0 0 1px #6680df}.timeline-item.error>i{background:#d9756c;box-shadow:0 0 0 1px #d9756c}.timeline-item.released>i{background:#7db79a;box-shadow:0 0 0 1px #7db79a}.timeline-item span{flex-direction:column;gap:4px;display:flex}.timeline-item b{color:#5b667b;font-size:11px}.timeline-item small{color:#a3abb9;font-size:10px}.detail-list{border-top:1px solid #edf0f4;margin:0}.detail-list div{border-bottom:1px solid #f0f1f4;justify-content:space-between;align-items:center;gap:15px;min-height:37px;display:flex}.detail-list dt{color:#9da6b5;font-size:10px}.detail-list dd{color:#5e6a80;text-align:right;margin:0;font-size:10px}.text-danger{color:#ca6c64!important}.input-preview{color:#929baa;background:#fafbfc;border:1px solid #edf0f4;border-radius:8px;padding:12px;font-size:10px;line-height:1.8}@keyframes slide-in{0%{opacity:.3;transform:translate(25px)}to{opacity:1;transform:translate(0)}}.billing-history{margin-top:17px;padding:22px 23px}.billing-history-list{border-top:1px solid #f0f1f4;margin-top:14px}.billing-history-list>div{border-bottom:1px solid #f0f1f4;align-items:center;gap:10px;min-height:54px;padding:9px 0;display:flex}.billing-history-dot{background:#8d79d4;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #f2effb}.billing-history-list>div>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.billing-history-list b{color:#59657b;font-size:10px}.billing-history-list small,.billing-history-list time{color:#a4acb9;font-size:9px}.billing-history-list time{text-align:right;width:100px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:.5;transform:translateY(8px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=1250px){.sidebar{flex-basis:220px;width:220px}.content{padding-left:27px;padding-right:27px}.topbar{padding:0 27px}.global-search{width:260px}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){body{min-width:0}.sidebar{flex-basis:74px;width:74px;padding:22px 10px 14px}.brand{justify-content:center;padding:0 0 24px}.brand>span:last-child,.env-switch>span:nth-child(2),.env-switch>svg,.nav-label,.nav button>span,.nav button>em,.sidebar-status>span,.sidebar-link{display:none}.env-switch{background:0 0;border:0;justify-content:center;padding:0}.nav button{justify-content:center;padding:0}.nav button.active:before{left:-10px}.sidebar-bottom{align-items:center}.admin-account{border-top:1px solid #eff0f4;justify-content:center;padding:14px 0 0}.admin-account>span:nth-child(2),.admin-account>button{display:none}.topbar{height:66px;padding:0 18px}.topbar-right{gap:11px}.global-search{width:min(42vw,260px)}.topbar-env,.topbar-separator{display:none}.content{padding:26px 18px 40px}.page-heading h1{font-size:24px}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.lower-grid,.security-grid{grid-template-columns:minmax(0,1fr)}.toolbar{flex-wrap:wrap}.toolbar-actions{margin-left:0}}.project-table tbody tr{cursor:pointer}.content:has(.project-list-panel) .page-heading{display:none}.content:has(.project-list-panel){padding-top:24px}.content:has(.finance-panel) .page-heading{display:none}.content:has(.finance-panel){padding-top:24px}.data-table.project-table{table-layout:fixed;min-width:980px}.data-table.project-table th:first-child,.data-table.project-table td:first-child{width:29%}.data-table.project-table th:nth-child(2),.data-table.project-table td:nth-child(2){width:15%}.data-table.project-table th:nth-child(3),.data-table.project-table td:nth-child(3){width:12%}.data-table.project-table th:nth-child(4),.data-table.project-table td:nth-child(4){width:14%}.data-table.project-table th:nth-child(5),.data-table.project-table td:nth-child(5){width:13%}.data-table.project-table th:nth-child(6),.data-table.project-table td:nth-child(6){width:10%}.data-table.project-table th:nth-child(7),.data-table.project-table td:nth-child(7){width:7%}.data-table.project-table th:nth-child(8),.data-table.project-table td:nth-child(8){width:4%}.data-table.project-table td{white-space:normal}.data-table.project-table td>.project-cell{flex-direction:row;align-items:center}.project-cell{align-items:center;gap:10px;display:flex}.project-cell>span:last-child,.project-progress,.task-count-cell{flex-direction:column;gap:4px;display:flex}.project-cell b{text-overflow:ellipsis;max-width:190px;overflow:hidden}.project-mark.large{border-radius:11px;flex:none;width:42px;height:42px;font-size:15px}.project-progress>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.project-progress small,.task-count-cell small{color:#a5adbb;font-size:9px}.project-progress .mini-progress{width:90px;margin-top:0}.project-metrics .metric-card{min-height:145px}.drawer-loading{color:#8390a5;justify-content:center;align-items:center;gap:8px;min-height:110px;font-size:11px;display:flex}.drawer-alert{margin-bottom:18px}.project-drawer-head{align-items:flex-start;gap:12px;display:flex}.project-drawer-head>div{flex:1;min-width:0}.project-drawer-head h3{color:#34405a;margin:2px 0 5px;font-size:16px}.project-drawer-head p,.project-drawer-head small{color:#8e99ab;margin:0 0 3px;font-size:10px;display:block}.project-drawer-progress{margin:20px 0 22px}.project-drawer-progress>div:first-child{color:#758198;justify-content:space-between;margin-bottom:8px;font-size:10px;display:flex}.project-drawer-progress b{color:#5268d5;font-size:13px}.project-drawer-progress .mini-progress{width:100%;height:5px;margin:0 0 7px}.project-drawer-progress small{color:#a4acb9;font-size:9px}.drawer-list>button{width:100%;min-height:56px;color:inherit;text-align:left;background:#fff;border-top:1px solid #f0f1f4;align-items:center;gap:9px;padding:9px 11px;display:flex}.drawer-list>button:first-child{border-top:0}.drawer-list>button:hover{background:#fbfcff}.drawer-list>button>span:nth-child(2){flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.asset-summary{border:1px solid #edf0f4;border-radius:9px;align-items:center;gap:10px;padding:12px;display:flex}.asset-count{color:#6979d7;background:#f0f2ff;border-radius:8px;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid}.asset-summary>span:last-child{flex-direction:column;gap:4px;display:flex}.asset-summary b{color:#58637a;font-size:10px}.asset-summary small{color:#a5adba;font-size:9px}.asset-chips{flex-wrap:wrap;gap:6px;margin-top:9px;display:flex}.asset-chips span{color:#6d78bb;background:#f3f4ff;border-radius:5px;padding:4px 7px;font-size:9px}.text-success{color:#43956f!important}.live-dot{background:#5ab58b;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #e5f6ed}.diagnostic-state{color:#9aa4b4;background:#fafbfc;border:1px solid #edf0f4;border-radius:7px;align-items:center;gap:7px;min-height:32px;padding:9px 10px;font-size:10px;display:flex}.diagnostic-state svg{color:#d17a65}.diagnostic-grid{border:1px solid #edf0f4;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.diagnostic-grid>div{border-top:1px solid #f0f1f4;min-width:0;padding:9px 10px}.diagnostic-grid>div:nth-child(-n+2){border-top:0}.diagnostic-grid>div:nth-child(odd){border-right:1px solid #f0f1f4}.diagnostic-grid dt{color:#9da6b5;margin-bottom:4px;font-size:9px}.diagnostic-grid dd{color:#536078;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:10px;line-height:1.45;overflow:hidden}.diagnostic-grid .diagnostic-wide{border-right:0;grid-column:1/-1}.diagnostic-grid .diagnostic-wide dd{white-space:normal;word-break:break-word;max-height:72px;overflow:auto}.diagnostic-assets{border-top:1px solid #edf0f4;margin-top:12px;padding-top:12px}.diagnostic-assets>b{color:#64708a;margin-bottom:7px;font-size:10px;display:block}.diagnostic-assets>div{border:1px solid #edf0f4;border-radius:7px;grid-template-columns:auto 1fr auto;gap:3px 8px;margin-top:6px;padding:8px 9px;display:grid}.diagnostic-assets span{color:#57647b;font-size:10px}.diagnostic-assets small{color:#a4acb9;text-align:right;font-size:9px}.diagnostic-assets a{color:#6878d8;font-size:9px;text-decoration:none}.diagnostic-assets a:hover{text-decoration:underline}.diagnostic-assets code{color:#8c96a6;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:9px;overflow:hidden}.diagnostic-assets .diagnostic-asset-meta{text-align:left;text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.diagnostic-json{background:#fafbfc;border:1px solid #edf0f4;border-radius:7px;margin-top:9px}.diagnostic-json summary{color:#69758a;cursor:pointer;padding:9px 10px;font-size:10px}.diagnostic-json pre{color:#6c7789;white-space:pre-wrap;word-break:break-word;max-height:240px;margin:0;padding:0 10px 10px;font:9px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}@media (width<=620px){.topbar{padding:0 12px}.breadcrumbs span,.breadcrumbs svg{display:none}.global-search{width:42vw}.content{padding:22px 12px 30px}.page-heading{flex-direction:column;align-items:flex-start;gap:15px}.page-heading h1{font-size:22px}.metrics-grid{gap:9px}.metric-card{min-height:128px;padding:14px}.metric-value{font-size:22px}.trend-panel,.health-panel,.queue-panel,.recent-panel,.service-table-panel,.error-panel,.admin-members,.role-panel,.audit-panel{padding:17px 15px}.service-cards{grid-template-columns:minmax(0,1fr)}.toolbar{padding:13px 14px}.search-field,.toolbar-filters{width:100%}.toolbar-filters select{flex:1;min-width:0}.toolbar-actions{width:100%}.toolbar-actions .button{flex:1}.table-meta,.pagination{padding-left:14px;padding-right:14px}.drawer{width:100%}.drawer-content{padding-left:17px;padding-right:17px}}