@import url('/type.css');
:root{font-family:"Segoe UI Variable Text",Pretendard,"Segoe UI","Malgun Gothic",sans-serif;font-synthesis:none;color:#243245;background:#f4f6f9;--accent:#087e65;--accent-light:#e8f5ef;--ink:#172536;--muted:#6e7c8f;--line:#e4e9f0;--nav:#141e2b;--radius:12px;--shadow:0 2px 8px #15233605}
*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}svg{display:block}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #6cbda9;outline-offset:3px}input,select,textarea{accent-color:var(--accent)}.sr-only{position:absolute;left:0;top:0;clip-path:inset(50%);margin:-1px;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}.mono{font-family:"Cascadia Code",Consolas,monospace;font-size:12px;letter-spacing:-.2px}.muted{color:var(--muted)}
/* Shell: one navigation hierarchy and one environment selector for every page. */
.sidebar{width:248px;position:fixed;inset:0 auto 0 0;background:var(--nav);color:#bac7d7;display:flex;flex-direction:column;padding:30px 16px 0;z-index:30}.brand{display:block;color:#fff;font-size:25px;font-weight:600;letter-spacing:-1px;padding:0 16px}.brand small{display:block;font-size:10px;letter-spacing:2.4px;font-weight:500;color:#8597ae;margin-top:2px}.workspace{border:1px solid #2b394b;border-radius:9px;margin:26px 10px 20px;padding:13px 14px;color:#e1e8f1;font-size:12px;font-weight:600}.workspace small{display:block;font-size:11px;color:#8597ae;font-weight:400;margin-top:3px}#navigation{overflow:auto;min-height:0;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#344459 transparent}.nav-caption{font-size:10px;font-weight:500;letter-spacing:1px;color:#8496ad;margin:20px 16px 7px}.nav-item{display:flex;gap:12px;align-items:center;padding:10px 15px;margin:3px 0;border-radius:8px;font-size:13px;font-weight:500;min-height:42px;transition:background .12s,color .12s}.nav-item svg{width:18px;height:18px;color:#8fa2bb;flex-shrink:0}.nav-item:hover{background:#202e3e;color:#fff}.nav-item.active{background:#203c3a;color:#a6ecd4;box-shadow:inset 3px 0 #61c4a3}.nav-item.active svg{color:#8cd8be}.sidebar-bottom{margin-top:auto;flex-shrink:0}.migration-status{display:flex;gap:9px;font-size:11px;padding:18px 15px;color:#b9c6d7}.migration-status small{display:block;color:#8194ac;margin-top:2px}.status-dot{width:7px;height:7px;border-radius:50%;background:#21a47a;display:inline-block;flex-shrink:0}.migration-status>.status-dot{margin-top:6px}.operator{border-top:1px solid #2a384b;display:flex;align-items:center;gap:10px;padding:17px 10px;color:#e1e8f1;font-size:12px}.avatar,.top-avatar{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#294139;color:#a8ddc8;font-size:11px;font-weight:600;flex-shrink:0}.operator small{display:block;font-size:11px;color:#91a3ba;margin-top:2px}.operator .icon-button{margin-left:auto;color:#a2b2c7}.operator .icon-button:hover{background:#293749}.workspace-main{margin-left:248px;min-height:100vh}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 36px;border-bottom:1px solid var(--line);background:#fff}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#8190a3}.breadcrumb strong{font-weight:600;color:#34465d}.slash{color:#c5ceda}.topbar-right{display:flex;align-items:center;gap:16px}.source-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#5c6d81;white-space:nowrap}.source-pill.demo{color:#916e21}.source-pill.demo .status-dot{background:#c39435}.environment-picker{display:flex;align-items:center;gap:8px}.picker-label{font-size:11px;color:#7a899d;white-space:nowrap}.environment-picker select{border:1px solid #dce3ed;border-radius:7px;background:#fff;padding:8px 26px 8px 10px;color:#34465c;font-size:12px;min-height:36px}.mobile-menu{display:none!important}main{max-width:1600px;margin:auto;padding:34px 36px 42px;min-height:calc(100vh - 132px)}footer{max-width:1600px;padding:0 36px 22px;margin:auto;display:flex;justify-content:space-between;gap:12px;font-size:11px;color:#8290a2}.footer-version{margin-left:6px}
/* Reusable type, controls and panels. */
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:500;color:#7a8a9f;margin:0 0 6px}.page-heading h1{font-size:28px;font-weight:600;letter-spacing:-1px;line-height:1.3;color:var(--ink);margin:0 0 9px}.page-heading p{font-size:13px;color:var(--muted);margin:0}.heading-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dce3ec;border-radius:7px;background:#fff;color:#41536b;font-size:12px;font-weight:600;padding:9px 14px;min-height:38px;white-space:nowrap;transition:background .12s,border-color .12s}.button svg{width:15px;height:15px}.button:hover{background:#f5f8fb;border-color:#bac8d7}.button.primary{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:0 2px 3px #087e6510}.button.primary:hover{background:#066b56}.button.danger{color:#b53e43;background:#fff6f6;border-color:#f0cdd0}.button.danger:hover{background:#feecee;border-color:#e4adb3}.button.flat{border-color:transparent;background:transparent}.button.flat:hover{background:#eff3f8}.button.danger.flat:hover{background:#fff0f1;color:#a92f38}.icon-button{display:grid;place-items:center;width:34px;height:34px;background:transparent;color:#70839a;border-radius:7px;flex-shrink:0}.icon-button:hover{background:#edf2f8}.icon-button svg{width:17px;height:17px}.notice{display:flex;gap:10px;align-items:flex-start;border:1px solid #dce9e3;border-radius:8px;background:#edf6f2;color:#4d6d61;font-size:12px;padding:12px 15px;margin:0 0 24px;line-height:1.7}.notice svg{width:16px;height:16px;margin-top:2px;flex-shrink:0}.notice button{margin-left:auto;white-space:nowrap;background:transparent;color:var(--accent);font-size:12px;font-weight:600}.notice.amber{background:#fff9ec;color:#8b6a29;border-color:#f0e1bd}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden;min-width:0}.card-heading,.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:21px 24px}.card-heading h2,.table-title h2{font-size:15px;font-weight:500;letter-spacing:-.3px;margin:0;color:#263a51}.card-heading p,.table-title p{font-size:12px;color:#7e8ca0;margin:4px 0 0}.subtle-link{font-size:12px;color:var(--accent)}.page-caption{color:#7d8b9f;font-size:12px;margin:17px 0 0}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:5px;font-size:11px;line-height:1.7;font-weight:550;border:1px solid transparent;white-space:nowrap}.badge.green{background:#eaf7f0;color:#247453;border-color:#daeee2}.badge.orange{background:#fff5e6;color:#9b6c22;border-color:#f6e7ca}.badge.red{background:#fff0f1;color:#b34b56;border-color:#f7dde1}.badge.gray{background:#f1f4f8;color:#6c7d93;border-color:#e7ecf2}.badge.blue{background:#edf3fd;color:#4d75a8;border-color:#dfe9f9}.badge.outline{background:#fff;border-color:#e0e7ef;color:#63778e;font-family:Consolas,monospace}
/* Data views. */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:24px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:21px 23px}.stat-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#6c7c91}.stat-label svg{width:17px;height:17px;color:#91a0b3}.stat-value{font-size:32px;font-weight:500;letter-spacing:-1px;font-variant-numeric:tabular-nums;color:#20354d;margin-top:9px;line-height:1.4}.stat-meta{font-size:11px;color:#7c8b9e;margin-top:9px}.stat-meta .dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#3ba981;margin-right:6px}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:22px;margin-bottom:24px}.chart{padding:0 24px 22px}.chart-summary{display:flex;align-items:baseline;gap:9px;margin-bottom:18px}.chart-summary strong{font-size:26px;font-weight:600;letter-spacing:-.8px}.chart-summary span{font-size:12px;color:#8593a7}.chart-body{display:flex;gap:12px;height:180px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;padding:5px 0 27px;width:24px;color:#8d9bb0;font-size:10px}.chart-plot{flex:1;min-width:0}.chart-plot svg{width:100%;height:150px;overflow:visible}.chart-grid{stroke:#e7edf3;stroke-dasharray:3 5}.chart-line{fill:none;stroke:#15967a;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.chart-fill{fill:#e2f3ec;opacity:.75}.x-axis{display:flex;justify-content:space-between;padding-top:12px;color:#8d9aae;font-size:10px}.edition-list{padding:4px 24px 25px}.edition-row{margin:0 0 21px}.edition-row:last-child{margin-bottom:0}.edition-row-head{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px;color:#6d7f95;margin-bottom:9px}.edition-name{display:flex;align-items:center;gap:9px;color:#425a74}.edition-dot{width:7px;height:7px;border-radius:3px;background:#238575}.edition-dot.e1{background:#6d8cae}.edition-dot.e2{background:#94b3c7}.edition-dot.e3{background:#c3ccd9}.progress-track{height:6px;border-radius:4px;background:#f0f3f8;overflow:hidden}.progress-fill{height:100%;background:#238575;border-radius:4px}.progress-fill.e1{background:#6d8cae}.progress-fill.e2{background:#94b3c7}.progress-fill.e3{background:#c3ccd9}.search{display:flex;align-items:center;gap:9px;min-width:240px;max-width:360px;border:1px solid #dce3ed;border-radius:7px;background:#fff;padding:9px 11px;color:#8e9cb0}.search:focus-within{border-color:#54a58d;box-shadow:0 0 0 3px #edf7f3}.search svg{width:16px;height:16px;flex-shrink:0}.search input{width:100%;outline:0;border:0;background:none;font-size:12px;color:#344b64}.search input::placeholder{color:#8997ab}.table-scroll{overflow:auto;max-width:100%;scrollbar-width:thin}.table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap}.table th{background:#f8fafc;color:#7a899d;font-size:11px;font-weight:600;padding:13px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.table td{padding:16px 24px;border-bottom:1px solid #edf1f6;color:#63768e;font-size:13px;height:64px}.table tbody tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fafcfe}.table .cell-strong{color:#354d68;font-weight:600}.table .mono{font-size:12px}.table td:last-child .button{padding:6px 10px;min-height:32px}.table td:last-child{text-align:right}.table th:last-child{text-align:right}.table tr[data-log-id]{cursor:pointer}.user-link{display:flex;align-items:center;gap:11px;border:0;background:none;color:#34526e;font-weight:600;padding:0;text-align:left}.user-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid #dfe8f1;background:#f0f5fa;color:#6c86a1;font-size:11px;font-weight:600;flex-shrink:0}.event-cell{display:flex;gap:12px;align-items:center}.event-icon{width:32px;height:32px;border-radius:8px;background:#edf5f0;color:#6a9b84;display:grid;place-items:center;flex-shrink:0}.event-icon svg{width:15px;height:15px}.event-icon.warn{background:#fff5e5;color:#b48b42}.event-icon.danger{background:#fff0f1;color:#bc6b76}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 24px;border-top:1px solid var(--line);font-size:12px;color:#8292a8}.pagination{display:flex;align-items:center;gap:8px}.pagination button{display:grid;place-items:center;border:1px solid #dce5ef;background:#fff;width:30px;height:30px;border-radius:6px;color:#66819f}.pagination span{font-size:12px;color:#6d8199;padding:0 5px}.empty{text-align:center;padding:64px 24px;color:#8393a9}.empty svg{margin:0 auto 17px;width:33px;height:33px;color:#8ca89e}.empty h3{font-size:15px;font-weight:600;color:#476078;margin:0 0 8px}.empty p{font-size:13px;max-width:440px;margin:0 auto 20px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.plan-card{padding:26px}.plan-card h2{font-size:21px;color:#263f59;margin:21px 0 5px;letter-spacing:-.5px}.plan-card>p{font-size:12px;color:#8a9bb0;margin:0 0 22px}.plan-line,.setting-line{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #e9eef5;padding:15px 0;font-size:13px;color:#7a8da4}.plan-line strong,.setting-line strong{font-weight:500;color:#425d79}.plan-card>.button{margin-top:16px}.settings-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:22px}.settings-card{padding:25px}.settings-card h2{font-size:16px;color:#304c68;margin:0 0 20px}.checklist{list-style:none;padding:0;margin:0 0 22px}.checklist li{display:flex;gap:13px;align-items:center;padding:12px 0;font-size:13px;color:#617b96}.check-circle{display:grid;place-items:center;background:#eef5f2;border:1px solid #dfebe4;color:#478f75;border-radius:7px;width:29px;height:29px;font-size:11px}.release-section{margin-bottom:22px}.release-list{padding:0 24px 9px}.release-item{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.release-item:last-child{border:0}.release-item h3{font-size:14px;color:#3e5874;margin:0 0 5px}.release-item p{font-size:12px;color:#8a9bb0;margin:0}.release-item .mono{color:#63809b;font-size:12px}.refresh-label{font-size:12px;color:#7489a2;display:flex;align-items:center;gap:8px}.refresh-label input{width:16px;height:16px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 24px 20px;flex-wrap:wrap}.filter-tabs{display:flex;gap:4px;background:#f3f6f9;padding:4px;border-radius:8px}.filter-tab{display:flex;align-items:center;gap:7px;background:transparent;border-radius:6px;color:#7a8ba1;font-size:12px;padding:7px 11px;white-space:nowrap}.filter-tab span{font-size:10px;background:#e8edf3;border-radius:4px;padding:1px 5px;min-width:19px}.filter-tab.active{background:#fff;color:#225d50;box-shadow:0 1px 4px #20334c12;font-weight:600}.filter-tab.active span{background:#eaf5ef;color:#288267}.filter-select{border:1px solid #dfe6ef;border-radius:7px;padding:8px 11px;background:#fff;color:#59738d;font-size:12px}.license-key{display:flex;align-items:center;gap:11px}.license-key-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid #e0e9e3;border-radius:8px;background:#f0f6f3;color:#6c9e85}.license-key-mark svg{width:15px;height:15px}.table-subtext{display:block;font-size:11px;color:#95a3b6;font-weight:400;margin-top:3px}
/* Details and confirmation dialogs. */
.backdrop{position:fixed;inset:0;background:#101d344a;z-index:40;animation:fade .15s}.drawer{position:fixed;inset:0 0 0 auto;width:min(570px,100%);background:#fff;z-index:41;box-shadow:-15px 0 60px #15233818;display:flex;flex-direction:column;animation:slide .18s}.drawer-head,.modal-head{padding:23px 28px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.drawer-head h2,.modal-head h2{font-size:18px;letter-spacing:-.5px;font-weight:500;color:#263e57;margin:0}.drawer-head p{font-size:12px;color:#8296af;margin:4px 0 0}.drawer-body{padding:26px 28px;overflow:auto;flex:1}.detail-profile{display:flex;align-items:center;gap:15px;margin-bottom:25px}.detail-profile>.user-avatar{width:48px;height:48px;font-size:16px;border-radius:11px}.detail-profile h3{font-size:20px;letter-spacing:-.5px;color:#2f4d69;margin:0 0 6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:25px}.detail-grid small{display:block;font-size:11px;color:#8b9db3;margin-bottom:5px}.detail-grid strong{font-size:13px;font-weight:550;color:#425f7c;overflow-wrap:anywhere}.drawer-section-title{font-size:13px;font-weight:500;color:#3b5875;margin:25px 0 16px}.timeline-item{position:relative;border-left:1px solid #dfe8f0;padding:0 0 22px 19px}.timeline-item:before{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:#7fb39b;left:-4px;top:7px}.timeline-item h4{font-size:13px;font-weight:500;color:#4c6d8a;margin:0}.timeline-item p{font-size:12px;color:#8b9db3;margin:5px 0 0}.drawer-actions{padding:18px 28px;display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);background:#fcfdfe}.account-action-bar{padding:18px;border:1px solid #e2e9f2;border-radius:9px;background:#f8fafc;margin:0 0 22px}.account-action-bar .form-label{margin:0}.modal-backdrop{display:flex;align-items:center;justify-content:center;padding:24px}.modal{width:510px;max-width:100%;max-height:90vh;overflow:auto;background:#fff;border-radius:14px;box-shadow:0 25px 80px #10213b2b}.modal-body{padding:24px 28px}.modal-body>p:first-child{margin-top:0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:18px 28px;border-top:1px solid var(--line);background:#fcfdfe}.form-label{display:block;font-size:12px;font-weight:550;color:#4f6b88;margin-bottom:19px}.form-label input,.form-label select,.form-label textarea,.permission-table select,.permission-table input[type=number]{display:block;width:100%;border:1px solid #d6e0ec;border-radius:7px;background:#fff;color:#3e5d7b;padding:10px 12px;margin-top:8px;min-height:42px;font-size:13px;font-weight:400}.form-label input::placeholder,.form-label textarea::placeholder{color:#9ba9bb}.form-label textarea{resize:vertical;min-height:84px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-error{font-size:12px;color:#ba4e5c;margin-top:10px;white-space:pre-line}.form-error:empty{display:none}.key-list{padding:16px;background:#f5f9f7;border:1px solid #dce9e0;border-radius:8px;white-space:pre-wrap;word-break:break-all;color:#40765e;font-size:12px;max-height:260px;overflow:auto;user-select:all}.diagnostics{padding:16px 18px;border:1px solid #e1e9f3;border-radius:8px;background:#f7f9fc;font-size:12px;line-height:1.9;color:#5e7b98;white-space:pre-wrap;word-break:break-word}.delete-summary{padding:17px 18px;background:#f8fafc;border:1px solid #e5ebf2;border-radius:9px;margin:0 0 20px}.delete-summary strong{display:block;color:#365570;margin-bottom:5px}.delete-summary span{display:block;color:#8597ae;font-size:12px}.delete-confirm{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:#697f98;margin:18px 0}.delete-confirm input{width:17px;height:17px;flex-shrink:0;margin-top:2px}.toast{position:fixed;bottom:28px;left:calc(50% + 124px);transform:translateX(-50%);padding:13px 20px;border-radius:9px;background:#22364c;color:#eff6ff;box-shadow:0 7px 25px #13243d2a;z-index:80;font-size:13px;max-width:90vw}.error-banner{padding:18px 20px;border:1px solid #efd4cc;border-radius:9px;background:#fff7f2;color:#9c6551;font-size:13px}.initial-loading{display:grid;place-content:center;min-height:420px;text-align:center;color:#8196ad;font-size:13px}.spinner{width:25px;height:25px;border:2px solid #dce9e4;border-top-color:#438b75;border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}.auth-card{max-width:500px;padding:36px;margin:52px auto}.auth-card h1{font-size:26px;font-weight:500;letter-spacing:-1px;color:#263e58;margin:8px 0 13px}.auth-card p{font-size:13px;color:#7b90a7;line-height:1.9;margin-bottom:25px}.auth-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.auth-actions>.primary{min-width:120px}.auth-card .page-caption{font-size:11px;margin-bottom:0}.totp-qr{padding:17px;background:#fff;border:1px solid var(--line);border-radius:10px;width:max-content;margin:24px auto}.totp-qr img{display:block;max-width:100%}.totp-secret{display:block;font-family:Consolas,monospace;font-size:13px;letter-spacing:1px;overflow-wrap:anywhere;padding:14px;background:#f4f7fb;border-radius:7px;color:#496781;margin-top:8px;user-select:all}
/* Permission matrix and operator states. */
#permission-form .table-scroll{max-height:min(70vh,850px)}.permission-table thead th{position:sticky;top:0;z-index:2}
.permission-table{min-width:760px}.permission-table th:first-child{width:37%}.permission-table th:not(:first-child),.permission-table td:not(:first-child){width:21%;text-align:center}.permission-table td{height:59px}.permission-table label{display:inline-flex;align-items:center;gap:8px}.permission-table input[type=checkbox]{width:19px;height:19px;cursor:pointer}.permission-table input:disabled{cursor:not-allowed;opacity:.4}.permission-table select,.permission-table input[type=number]{max-width:185px;margin:auto;font-size:12px;min-height:38px;padding:7px 9px}.permission-table .permission-group td{text-align:left;background:#f5f8fb;padding:11px 24px;height:auto;font-size:11px;font-weight:500;color:#69819a;letter-spacing:.3px}.permission-table th small{display:block;font-size:10px;font-weight:400;color:#92a3b8;margin-top:3px}.policy-savebar{padding:23px 24px;border-top:1px solid var(--line);background:#fcfdfe}.policy-savebar .notice{margin-bottom:17px}.policy-savebar .form-label{max-width:720px}.policy-savebar .heading-actions{justify-content:flex-end}.permission-guide{display:flex;align-items:center;gap:14px;font-size:12px;color:#7b90a7}.permission-guide span{color:#218163;font-weight:600}.operator-identity{display:flex;align-items:center;gap:11px}.operator-identity .user-avatar{border-radius:50%}.role-pill{font-size:11px;background:#f1f5fa;color:#65829f;border:1px solid #dfe7f1;border-radius:5px;padding:3px 8px}.role-pill.superadmin{background:#ecf6f0;color:#3b8a62;border-color:#dcecdf}.operator-state{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#678477}.operator-state.disabled{color:#ad7781}.operator-state.disabled .status-dot{background:#bd8590}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes slide{from{transform:translateX(25px);opacity:.6}to{transform:translateX(0);opacity:1}}
@media(min-width:1600px){main{padding-top:40px}.topbar{padding-left:44px;padding-right:44px}}
@media(max-width:1200px){.sidebar{width:224px;padding-left:12px;padding-right:12px}.workspace-main{margin-left:224px}.topbar{padding:0 25px}.topbar-right{gap:12px}.picker-label{display:none}main{padding:28px 25px 36px}.stat-card{padding:19px}.table td,.table th{padding-left:19px;padding-right:19px}.toast{left:calc(50% + 112px)}footer{padding-left:25px;padding-right:25px}}
@media(max-width:1000px){.sidebar{transform:translateX(-100%);transition:transform .15s;width:248px}.sidebar.open{transform:translateX(0);box-shadow:12px 0 50px #15263b38}.workspace-main{margin-left:0}.mobile-menu{display:grid!important}.topbar{height:72px}.toast{left:50%}.topbar-right{gap:10px}.stats{gap:13px}.stat-value{font-size:29px}.overview-grid{gap:18px}}
@media(max-width:720px){.topbar{height:auto;min-height:100px;padding:13px 18px;flex-wrap:wrap;gap:10px}.breadcrumb{font-size:11px}.topbar-right{width:100%;justify-content:flex-end;gap:8px}.source-pill{margin-right:auto;font-size:10px}.environment-picker select{font-size:11px;padding-left:8px;padding-right:17px;min-height:34px}main{padding:25px 18px 32px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:16px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.heading-actions{gap:7px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat-card{padding:16px}.stat-label{font-size:11px}.stat-value{font-size:29px}.stat-meta{font-size:10px}.overview-grid,.plan-grid,.settings-grid{grid-template-columns:1fr}.table-toolbar{padding:19px 18px;flex-wrap:wrap}.table-toolbar .search{flex:1;min-width:100%;max-width:none}.table th,.table td{padding-left:18px;padding-right:18px}.table{min-width:620px}.permission-table{min-width:760px}.filter-bar{padding:0 18px 18px;gap:12px}.filter-tabs{overflow:auto;max-width:100%}.filter-tab{padding-left:9px;padding-right:9px}.filter-select{width:100%}.notice{font-size:11px;padding:11px 13px}.notice button{white-space:normal;min-width:75px}.modal-backdrop{padding:15px}.modal{max-height:94vh;border-radius:12px}.modal-head,.modal-body,.modal-footer{padding-left:22px;padding-right:22px}.drawer-head,.drawer-body,.drawer-actions{padding-left:22px;padding-right:22px}.auth-card{margin:24px auto;padding:26px}.auth-actions{gap:10px}.policy-savebar{padding:19px 18px}.policy-savebar .heading-actions{justify-content:flex-start}.table-footer{padding:14px 18px;font-size:11px;flex-wrap:wrap}footer{padding:0 18px 20px;font-size:10px}.release-item{flex-wrap:wrap}.release-list{padding-left:18px;padding-right:18px}.form-row{gap:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.license-code{white-space:nowrap;user-select:all;letter-spacing:0;text-overflow:clip}.license-key .icon-button{width:28px;height:28px}.license-key .icon-button svg{width:14px;height:14px}
