.membership-tag{display:inline-flex;align-items:center;gap:6px;min-height:25px;padding:4px 9px 4px 7px;border:1px solid transparent;border-radius:999px;font-size:11px;line-height:1;letter-spacing:.02em;white-space:nowrap;box-shadow:inset 0 1px #ffffff14,0 5px 14px #0000001f}.membership-tag svg{flex:0 0 auto}.membership-tag b{font-weight:750}.membership-tag.free{color:#b8c9dc;border-color:#8ba5c24d;background:linear-gradient(135deg,#374a60b8,#1f2e3fc7)}.membership-tag.plus{color:#77ead7;border-color:#45dcc252;background:linear-gradient(135deg,#186962a6,#114046b8)}.membership-tag.pro{color:#e7c8ff;border-color:#b779ff61;background:linear-gradient(135deg,#693e9fb8,#382b6dc7)}.membership-tag.enterprise{color:#ffd98a;border-color:#eeb54866;background:linear-gradient(135deg,#83581cc2,#54391cd1)}html.oc-light .membership-tag{box-shadow:0 5px 14px #394a6e1a}html.oc-light .membership-tag.free{color:#526b86;border-color:#cad7e4;background:#edf3f8}html.oc-light .membership-tag.plus{color:#087967;border-color:#a8dfd5;background:#e7f8f4}html.oc-light .membership-tag.pro{color:#7440aa;border-color:#d9c0ef;background:#f5ebff}html.oc-light .membership-tag.enterprise{color:#996310;border-color:#ead19c;background:#fff6df}:root{font-family:Inter,Microsoft YaHei,system-ui;color:#dbe8f8;background:#071019;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:1080px;background:radial-gradient(circle at 20% 0,#112c3e 0,transparent 32%),#071019}button,input{font:inherit}.boot{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#7f9ab5}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{height:100vh;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;padding:8vw;background:linear-gradient(120deg,#0710192e,#071019f0)}.login-brand{padding:7vw}.brand-orb{display:grid;place-items:center;width:84px;height:84px;border:1px solid #32d4bd55;border-radius:28px;color:#43e4c9;background:#19bca315;box-shadow:0 0 60px #21c9ae28}.login-brand small,.login-card>small,header small,.welcome small{letter-spacing:.18em;color:#53d9c0}.login-brand h1{font-size:64px;margin:20px 0 8px}.login-brand h1 span{color:#4de0c4}.login-brand p{font-size:18px;color:#819ab3}.login-card{width:430px;padding:42px;border:1px solid #31475b;background:#0c1824e8;border-radius:22px;box-shadow:0 30px 90px #0008}.login-card h2{font-size:28px;margin:12px 0 6px}.login-card p{margin:0 0 28px;color:#71879b}.login-card label{display:grid;gap:8px;margin:16px 0;color:#9eb1c4;font-size:13px}.login-card input{padding:14px;border:1px solid #30475c;border-radius:10px;background:#07121c;color:#eef7ff;outline:none}.login-card input:focus{border-color:#34d9bd}.login-card button{width:100%;padding:14px;margin-top:12px;border:0;border-radius:10px;background:linear-gradient(135deg,#25c9ae,#158eae);color:#031416;font-weight:800;cursor:pointer}.error{color:#ff8e9a;font-size:13px}.console{height:100vh;display:grid;grid-template-columns:244px 1fr}.console>aside{display:flex;flex-direction:column;border-right:1px solid #1d3041;background:#09131de8;padding:24px 16px}.logo{display:flex;align-items:center;gap:12px;padding:0 8px 28px}.logo>span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#2bd3b5;color:#052019;font-weight:900}.logo div{display:grid}.logo b{font-size:18px}.logo small{font-size:9px;letter-spacing:.16em;color:#668097}nav{display:grid;gap:6px}nav button{display:flex;align-items:center;gap:12px;padding:12px;border:0;border-radius:9px;background:transparent;color:#8298ac;cursor:pointer;text-align:left}nav button:hover,nav button.active{background:#183044;color:#51dec4}.admin{display:grid;grid-template-columns:36px 1fr 30px;align-items:center;gap:9px;margin-top:auto;padding:16px 8px 0;border-top:1px solid #1b2b3a}.admin>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#1c5c62}.admin div{display:grid}.admin small{font-size:10px;color:#668097}.admin button{border:0;background:transparent;color:#7891a7;cursor:pointer}.workspace{overflow:auto;padding:30px 34px}.workspace>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.workspace h1{margin:5px 0;font-size:29px}.header-actions{display:flex;gap:10px}.header-actions label{display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid #263b4e;border-radius:9px;background:#0c1925}.header-actions input{width:210px;padding:10px 0;border:0;outline:0;background:transparent;color:#dce8f5}.header-actions button,.row-action{display:flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid #284458;border-radius:9px;background:#102331;color:#9fb8ca;cursor:pointer}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-grid article{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;padding:22px;border:1px solid #203548;border-radius:15px;background:linear-gradient(145deg,#0d1c29,#0a1621)}.stat-grid svg{grid-row:1/3;color:#42d5bc}.stat-grid span{color:#8297aa}.stat-grid strong{font-size:30px}.welcome{display:flex;align-items:center;gap:18px;margin-top:18px;padding:28px;border:1px solid #1d3d48;border-radius:15px;background:#0c232a}.welcome>span{display:grid;place-items:center;width:58px;height:58px;border-radius:17px;background:#23c5a71c;color:#45d9c0}.welcome h2{margin:5px 0}.welcome p{margin:0;color:#7f96aa}.table-card{border:1px solid #203548;border-radius:15px;overflow:hidden;background:#0a1722}table{width:100%;border-collapse:collapse}th{text-align:left;padding:14px 16px;background:#0e202d;color:#6f879b;font-size:11px;letter-spacing:.08em}td{padding:15px 16px;border-top:1px solid #182b3b;color:#a7bacb;font-size:13px}td b,td small{display:block}td small{color:#637b90;margin-top:4px}.status,.plan{display:inline-block;padding:4px 8px;border-radius:20px;background:#173249;color:#8db7d2;font-size:11px}.status.active{background:#123e38;color:#59dbc2}.status.suspended,.status.revoked{background:#43252d;color:#ff9bab}.row-action{padding:6px 10px;color:#61d8c3}.empty{padding:60px;text-align:center;color:#667e92}code{color:#67d8c3}.row-actions{display:flex;gap:7px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#02070dbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal{width:500px;max-height:88vh;overflow:auto;padding:28px;border:1px solid #2b455a;border-radius:18px;background:#0b1824;box-shadow:0 30px 100px #000c}.modal header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px}.modal header h2{margin:5px 0 0}.modal header button{padding:7px;border:0;background:transparent;color:#8198ab;cursor:pointer}.modal label{display:grid;gap:7px;margin:14px 0;color:#9eb1c4;font-size:13px}.modal input,.modal select{width:100%;padding:12px;border:1px solid #30475c;border-radius:9px;background:#07121c;color:#eef7ff;outline:none;font:inherit}.modal input:focus,.modal select:focus{border-color:#34d9bd}.modal footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.modal footer button{padding:10px 16px;border:1px solid #2b4356;border-radius:8px;background:#102331;color:#9fb8ca;cursor:pointer}.modal footer .primary{border:0;background:#2bc9af;color:#052019;font-weight:800}.modal footer button:disabled{opacity:.55;cursor:wait}.status.completed,.status.success{background:#123e38;color:#59dbc2}.status.running,.status.pending,.status.paused{background:#3b3517;color:#f2ce68}.status.failed,.status.error,.status.interrupted{background:#43252d;color:#ff9bab}.status.never{background:#263341;color:#93a5b5}.job-message{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.health-page{display:grid;gap:18px}.health-banner{display:flex;align-items:center;gap:18px;padding:24px;border:1px solid #245146;border-radius:15px;background:#0c2927;color:#54dec5}.health-banner.warning{border-color:#665321;background:#282412;color:#f0ca61}.health-banner h2{margin:5px 0;color:#e3eef7}.health-banner p{margin:0;color:#91a7b8}html.oc-light .health-banner{border-color:#b8e2d8;background:linear-gradient(135deg,#edfbf7,#f7fffc);color:#16836f;box-shadow:0 12px 30px #277e6d14}html.oc-light .health-banner h2{color:#1f4050}html.oc-light .health-banner p{color:#668292}html.oc-light .health-banner small{color:#25917d}html.oc-light .health-banner.warning{border-color:#ead29b;background:linear-gradient(135deg,#fff8e7,#fffdf7);color:#a66d12}html.oc-light .health-banner.warning h2{color:#59451e}html.oc-light .health-banner.warning p{color:#8a754f}html.oc-light .health-banner.warning small{color:#a87522}.health-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.health-grid article{display:grid;grid-template-columns:auto 1fr;gap:8px 13px;padding:20px;border:1px solid #203548;border-radius:14px;background:#0a1722;color:#43d6bc}.health-grid article div{display:grid;gap:4px;color:#8297aa}.health-grid strong{color:#e3eef7;font-size:25px}.health-grid progress{grid-column:1 / 3;width:100%;height:6px;accent-color:#35d1b6}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service-grid article{padding:21px;border:1px solid #203548;border-radius:14px;background:#0a1722}.service-grid article>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.service-grid dl{display:grid;grid-template-columns:1fr auto;gap:10px;margin:0;font-size:13px}.service-grid dt{color:#70869a}.service-grid dd{margin:0;color:#bdcbd7}.expiry{margin-top:7px!important}.expiry.expiring{color:#f0ca61}.expiry.expired{color:#ff8e9a}.quota-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.security-note{padding:12px 14px;border:1px solid #2b4658;border-radius:9px;background:#0d2230;color:#91a8ba;font-size:13px;line-height:1.6}.totp-secret{display:block;padding:13px;border:1px dashed #3a6a6c;border-radius:8px;background:#07121c;color:#63dec7;font-size:16px;letter-spacing:.12em;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.online-users-card{margin-top:18px;overflow:hidden;border:1px solid #203548;border-radius:15px;background:#0a1722}.online-users-card>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 21px;border-bottom:1px solid #203548;background:linear-gradient(135deg,#20495e57,#432e692e)}.online-users-card>header small{color:#53d9c0;letter-spacing:.16em}.online-users-card>header h2{margin:4px 0;font-size:18px}.online-users-card>header p{margin:0;color:#71879b;font-size:12px}.online-count{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border-radius:999px;background:#35d1b61a;color:#5ce1c8;font-size:11px}.online-count i{width:7px;height:7px;border-radius:50%;background:#45d9bc;box-shadow:0 0 0 4px #45d9bc1f}.online-summary{display:flex;align-items:center;gap:8px}.online-count.plugin{background:#7080ff1c;color:#aab5ff}.online-count.plugin i{background:#8292ff;box-shadow:0 0 0 4px #8292ff1f}.online-users-table{overflow-x:auto}.online-users-table .empty{display:flex;align-items:center;justify-content:center;gap:9px}.row-action.danger{border-color:#e75d7747;color:#ff9bad}.row-action.danger:hover{border-color:#d95370;background:#d953701f}html.oc-light .online-users-card{border-color:#5869be29;background:#fff;box-shadow:0 14px 34px #48559712}html.oc-light .online-users-card>header{border-color:#e1e9f3;background:linear-gradient(135deg,#f4fbff,#f7f3ff)}html.oc-light .online-users-card>header small{color:#218f7c}html.oc-light .online-users-card>header h2{color:#263761}html.oc-light .online-users-card>header p{color:#71839a}html.oc-light .online-count{background:#e5f8f2;color:#138267}html.oc-light .online-count.plugin{background:#edf0ff;color:#5668c7}html.oc-light .row-action.danger{border-color:#efcbd3;background:#fff8fa;color:#bd4058}.workspace>header{padding:18px 20px;border:1px solid rgba(112,153,215,.14);border-radius:14px;background:linear-gradient(145deg,#101d30f5,#101632f0);box-shadow:0 12px 32px #00000024}.header-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}.header-actions button,.header-actions label{min-height:42px;transition:.18s ease}.header-actions button:hover{color:#f4fbff;border-color:#7a5eec7a;background:linear-gradient(135deg,#164b70,#533486);box-shadow:0 8px 22px #603dab24;transform:translateY(-1px)}.header-actions button:active{transform:translateY(1px)}.theme-switch{white-space:nowrap}.logo>span{color:#fff;background:linear-gradient(145deg,#348dd9,#7652dc);box-shadow:0 0 22px #7252dc38}nav button:hover{color:#dcecff;background:linear-gradient(90deg,#2978b533,#6e45b71c)}nav button.active{color:#fff;background:linear-gradient(90deg,#2978b559,#6e45b73d);box-shadow:inset 2px 0 #55c8e7}.stat-grid svg,.welcome>span{color:#58d9df}.stat-grid article,.table-card,.health-grid article,.service-grid article{border-top-color:#9169ed61}html.oc-light{color-scheme:light;color:#1c2e46;background:#edf3fb}html.oc-light body{color:#1c2e46;background:radial-gradient(circle at 76% -12%,rgba(81,120,224,.12),transparent 34%),linear-gradient(rgba(60,99,155,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(60,99,155,.035) 1px,transparent 1px),#edf3fb;background-size:auto,32px 32px,32px 32px}html.oc-light .boot{color:#637995}html.oc-light .login-page{background:linear-gradient(120deg,#eef5fd80,#f0eefdeb)}html.oc-light .login-brand h1{color:#263761}html.oc-light .login-brand p{color:#687b94}html.oc-light .login-card{border-color:#5869be2e;background:linear-gradient(145deg,#fff,#f5f8ff);box-shadow:0 30px 80px #37477629}html.oc-light .login-card h2{color:#263761}html.oc-light .login-card p{color:#71839a}html.oc-light .login-card label{color:#5f718a}html.oc-light .login-card input{border-color:#d5e0ee;background:#fff;color:#1c2e46}html.oc-light .login-card button{color:#fff;background:linear-gradient(135deg,#428fd8,#7755d1)}html.oc-light .console>aside{border-color:#5869be24;background:linear-gradient(180deg,#fffffffa,#eff5fdfa);box-shadow:8px 0 30px #2e4c740f}html.oc-light .logo b,html.oc-light .workspace h1{color:#263761}html.oc-light .logo small,html.oc-light .admin small{color:#70839a}html.oc-light nav button{color:#63758d}html.oc-light nav button:hover{color:#294d78;background:linear-gradient(90deg,#459ddb1a,#7755d10f)}html.oc-light nav button.active{color:#285caa;background:linear-gradient(90deg,#459ddb2e,#7755d11a);box-shadow:inset 2px 0 #6d57d6}html.oc-light .admin{border-color:#dbe5f1}html.oc-light .admin>span{color:#fff;background:linear-gradient(145deg,#4a98d9,#7857d1)}html.oc-light .workspace>header{border-color:#5869be29;background:linear-gradient(145deg,#fff,#f5f9ff 60%,#f8f3ff);box-shadow:0 14px 36px #48559714}html.oc-light .workspace>header small{color:#7763b5}html.oc-light .header-actions label,html.oc-light .header-actions button{color:#526986;border-color:#5869be2e;background:#ffffffe6;box-shadow:0 7px 20px #4052840d}html.oc-light .header-actions input{color:#1c2e46}html.oc-light .header-actions button:hover{color:#fff;border-color:transparent;background:linear-gradient(135deg,#4595d8,#7857d1);box-shadow:0 8px 22px #5b58c229}html.oc-light .stat-grid article,html.oc-light .table-card,html.oc-light .health-grid article,html.oc-light .service-grid article{border-color:#5869be29;background:linear-gradient(145deg,#fff,#f5f9ff 64%,#f8f3ff);box-shadow:0 14px 34px #48559712}html.oc-light .stat-grid span,html.oc-light .welcome p{color:#6d8098}html.oc-light .stat-grid strong,html.oc-light .welcome h2,html.oc-light .health-grid strong{color:#263761}html.oc-light .welcome{border-color:#2facb433;background:linear-gradient(135deg,#f5fcff,#f5f1ff)}html.oc-light .table-card{background:#fff}html.oc-light th{color:#566e8b;background:#eaf1fa}html.oc-light td{color:#263b55;border-color:#e4ebf4}html.oc-light td small{color:#71849b}html.oc-light tr:hover td{background:#f2f7ff}html.oc-light .row-action{color:#346da8;border-color:#cbdced;background:#f7fbff}html.oc-light .status,html.oc-light .plan{background:#eaf1fb;color:#4d698b}html.oc-light .status.active,html.oc-light .status.completed,html.oc-light .status.success{background:#e5f8f2;color:#138267}html.oc-light .status.suspended,html.oc-light .status.revoked,html.oc-light .status.failed,html.oc-light .status.error,html.oc-light .status.interrupted{background:#fff0f3;color:#bd4058}html.oc-light code{color:#3971a8}html.oc-light .modal-backdrop{background:#23314661}html.oc-light .modal{border-color:#5869be33;background:linear-gradient(145deg,#fff,#f4f7fd);color:#233750;box-shadow:0 30px 90px #2a385c3d}html.oc-light .modal label{color:#61738b}html.oc-light .modal input,html.oc-light .modal select{border-color:#d3dfed;background:#fff;color:#1d3048}html.oc-light .modal footer button{border-color:#cbd9e9;background:#f7faff;color:#47627f}html.oc-light .modal footer .primary{color:#fff;background:linear-gradient(135deg,#428fd8,#7755d1)}html.oc-light .security-note{border-color:#d4e1ef;background:#f3f8fd;color:#61758d}html.oc-light .totp-secret{border-color:#8fb7d8;background:#eef6fd;color:#356f9e}