:root{color:#1d1d1f;font-synthesis:none;--canvas:#f5f5f7;--surface:#ffffffe0;--surface-solid:#fff;--surface-muted:#f5f5f7;--text:#1d1d1f;--muted:#6e6e73;--line:#00000014;--line-strong:#00000024;--primary:#0071e3;--primary-dark:#0077ed;--danger:#d70015;--warning:#b25000;--success:#248a3d;--radius-small:10px;--radius-control:12px;--radius-card:20px;--radius-modal:24px;--shadow-card:0 8px 30px #0000000e;--shadow-float:0 22px 70px #00000026;background:#f5f5f7;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);min-width:320px;min-height:100%}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{letter-spacing:-.025em}code,.mono-input{font-family:SFMono-Regular,Consolas,monospace}.full-loading,.content-loading{min-height:100vh;color:var(--muted);place-items:center;display:grid}.content-loading{min-height:360px}.login-shell{background:radial-gradient(circle at 18% 4%, #0071e321, transparent 31%), radial-gradient(circle at 88% 95%, #af52de17, transparent 30%), var(--canvas);place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card{border-radius:var(--radius-modal);width:min(420px,100%);box-shadow:var(--shadow-float);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#ffffffd1;border:1px solid #ffffffe6;gap:18px;padding:38px;display:grid}.login-card h1{margin:0;font-size:32px;line-height:1.1}.admin-mark{color:#fff;background:linear-gradient(145deg,#1989f4,#06c);border-radius:16px;place-items:center;width:52px;height:52px;font-size:23px;font-weight:760;display:grid;box-shadow:0 8px 22px #0071e340}.eyebrow{color:var(--primary);letter-spacing:.13em;text-transform:uppercase;margin:0 0 6px;font-size:11px;font-weight:750}.muted{color:var(--muted)}label{color:#3a3a3c;gap:7px;font-size:13px;font-weight:650;display:grid}label small{color:var(--muted);font-weight:400}input,select,textarea{border:1px solid var(--line-strong);border-radius:var(--radius-control);width:100%;min-height:44px;color:var(--text);background:#ffffffe6;outline:none;padding:10px 12px;transition:border-color .16s,box-shadow .16s,background .16s}textarea{resize:vertical;line-height:1.65}input:hover,select:hover,textarea:hover{border-color:#00000038}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #0071e31c}.primary,.secondary,.warning,.danger,.danger-quiet{border-radius:var(--radius-control);border:0;min-height:42px;padding:9px 15px;font-weight:680;transition:transform .16s,background .16s,box-shadow .16s}.primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0071e32b}.primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-1px)}.secondary{color:#2c2c2e;background:#e8e8ed}.secondary:hover:not(:disabled){background:#dedee3}.warning{color:#8a4d00;background:#fff3df}.danger{background:var(--danger);color:#fff}.danger-quiet{color:var(--danger);background:#d7001514}.danger-quiet:hover:not(:disabled){background:#d7001521}.small{border-radius:9px;min-height:34px;padding:6px 11px;font-size:12px}.wide-action{width:100%;margin-top:14px}.button-row,.header-actions,.actions,.inline{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.actions{justify-content:flex-end}.alert{border-radius:var(--radius-control);color:#0057a8;background:#0071e314;border:1px solid #0071e31f;margin-bottom:14px;padding:13px 15px;line-height:1.45}.alert.error{color:#a50012;background:#d7001512;border-color:#d700151f}.alert.success{color:#17692c;background:#248a3d14;border-color:#248a3d21}.admin-shell{min-height:100vh;padding-top:72px}.admin-topbar{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(26px)saturate(170%);backdrop-filter:blur(26px)saturate(170%);background:#fafafcc2;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:18px;height:72px;padding:10px max(20px,50vw - 750px);display:grid;position:fixed;inset:0 0 auto}.admin-brand{align-items:center;gap:10px;display:flex}.admin-brand>span{color:#fff;background:linear-gradient(145deg,#1b8df8,#06c);border-radius:12px;place-items:center;width:38px;height:38px;font-weight:780;display:grid;box-shadow:0 5px 14px #0071e333}.admin-brand strong,.admin-brand small,.admin-account strong,.admin-account small{display:block}.admin-brand strong{font-size:14px}.admin-brand small,.admin-account small{color:var(--muted);margin-top:1px;font-size:11px}.admin-topbar nav{background:#7676801f;border-radius:13px;padding:4px;display:flex}.admin-topbar nav button{min-height:36px;color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:7px 14px;font-size:13px;font-weight:620}.admin-topbar nav button.active{color:var(--text);background:#fff;box-shadow:0 1px 6px #00000017}.admin-account{text-align:right;justify-self:end;align-items:center;gap:12px;display:flex}.admin-account .logout{color:#3a3a3c;background:#e8e8ed;border:0;border-radius:10px;min-height:36px;padding:7px 12px}.admin-main{width:min(1500px,100%);min-height:calc(100vh - 72px);margin:0 auto;padding:28px 24px 48px}.page-stack{gap:18px;display:grid}.page-title{margin-bottom:20px}.page-title h1{margin-bottom:7px;font-size:clamp(30px,4vw,44px);line-height:1.05}.page-title p{color:var(--muted);margin-bottom:0;line-height:1.55}.page-title-row{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.users-layout,.roles-page{gap:18px;min-height:calc(100vh - 128px);display:grid}.users-layout{grid-template-columns:300px minmax(0,1fr)}.roles-page{grid-template-columns:270px minmax(0,1fr)}.user-list,.detail,.role-side,.audit-page,.surface-card,.metric-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px)saturate(135%);backdrop-filter:blur(20px)saturate(135%)}.user-list,.detail,.role-side,.audit-page,.surface-card{border-radius:var(--radius-card)}.user-list,.role-side{padding:17px;overflow:auto}.detail{padding:24px;overflow:auto}.list-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.list-head h2{margin:0;font-size:19px}.search{margin-bottom:13px}.user-row{text-align:left;background:0 0;border:0;border-radius:13px;align-items:center;gap:11px;width:100%;padding:10px;transition:background .14s;display:flex}.user-row.active{background:#0071e317}.user-row:hover{background:#76768017}.user-avatar{color:#06c;background:#e7f1fc;border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:760;display:grid}.user-row strong,.user-row small{display:block}.user-row small{color:var(--muted);margin-top:2px;font-size:12px}.list-empty,.empty,.empty-state{text-align:center;min-height:180px;color:var(--muted);place-content:center;display:grid}.empty-state strong{color:var(--text);font-size:17px}.empty-state p{margin:7px 0 0}.detail-header,.panel-title,.card-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.detail-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding-bottom:18px}.detail-header h2{margin-bottom:4px}.detail-header p,.panel p,.card-heading p,.section-copy p{color:var(--muted);margin-bottom:0;font-size:13px;line-height:1.5}.title-line{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.status,.status-pill{white-space:nowrap;border-radius:999px;align-items:center;width:-moz-fit-content;width:fit-content;font-size:12px;font-weight:650;display:inline-flex}.status{color:#17692c;background:#248a3d1a;padding:5px 9px}.status.suspended{color:var(--danger);background:#d7001514}.status.pending_password_change{color:#894000;background:#b250001a}.status-pill{color:#535358;background:#e8e8ed;padding:5px 9px}.status-pill.success{color:#17692c;background:#248a3d1a}.status-pill.warning{color:#8a4300;background:#b250001a}.status-pill.danger{color:#aa0012;background:#d7001514}.status-pill.neutral{color:#5f5f64;background:#e8e8ed}.panel{border:1px solid var(--line);background:#ffffff94;border-radius:16px;margin-top:14px;padding:18px}.panel h3{margin-bottom:5px;font-size:16px}.quota-row{grid-template-columns:170px 170px auto;align-items:end;gap:12px;margin-top:16px;display:grid}.checks{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.check{border:1px solid var(--line);border-radius:12px;align-items:center;gap:8px;padding:9px 11px;font-weight:500;display:flex}.check input{width:auto;min-height:auto}.check strong,.check small{display:block}.check small{color:var(--muted);font-size:12px}.permission-group{margin-top:20px}.permission-group h4{background:var(--surface-muted);border-radius:9px;margin-bottom:4px;padding:8px 10px}.permission-tabs{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:7px;margin:14px 0 8px;padding-bottom:8px;display:flex}.permission-tabs button{min-height:34px;color:var(--muted);background:#ededf0;border:0;border-radius:10px;align-items:center;gap:6px;padding:7px 11px;display:inline-flex}.permission-tabs button.active{color:#005eb8;background:#0071e31a;font-weight:700}.permission-tabs small{text-align:center;background:#0071e31a;border-radius:999px;min-width:18px;padding:1px 5px;font-size:11px}.permission-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:10px 4px;display:flex}.permission-row strong,.permission-row small{display:block}.permission-row small{color:var(--muted);margin-top:3px;font-size:12px}.segmented{background:#ececf0;border-radius:10px;padding:3px;display:flex}.segmented button{color:#66666b;background:0 0;border:0;border-radius:8px;padding:7px 9px;font-size:12px}.segmented button.active{color:#2c2c2e;background:#fff;box-shadow:0 1px 5px #0000001a}.segmented button.allow.active{color:#17692c}.segmented button.deny.active{color:var(--danger)}.device-row{border-top:1px solid var(--line);align-items:center;gap:10px;padding:11px 0;display:flex}.device-row:first-of-type{margin-top:12px}.device-row>div{flex:1}.device-row strong,.device-row small{display:block}.device-row small{color:var(--muted);font-size:12px}.online-dot{background:#aeaeb2;border-radius:50%;width:9px;height:9px}.online-dot.on{background:#30a14e;box-shadow:0 0 0 4px #30a14e21}.danger-link{color:var(--danger);background:0 0;border:0;font-weight:680}.backdrop{z-index:80;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#00000052;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border-radius:var(--radius-modal);width:min(640px,100%);max-height:90vh;box-shadow:var(--shadow-float);background:#fffffff0;border:1px solid #ffffffbf;gap:17px;padding:26px;display:grid;overflow:auto}.modal-head{justify-content:space-between;gap:20px;display:flex}.modal-head h2{margin-bottom:4px}.modal-head p{color:var(--muted);margin:0}.close{background:#e8e8ed;border:0;border-radius:50%;width:40px;height:40px;font-size:22px}.two,.form-grid.two-column{grid-template-columns:1fr 1fr;gap:13px;display:grid}.inline input{flex:1}fieldset{border:1px solid var(--line);border-radius:14px}fieldset .check{margin:5px;display:inline-flex}.role-side>button{text-align:left;background:0 0;border:0;border-radius:11px;width:100%;min-height:42px;padding:10px}.role-side>button.active{color:#005eb8;background:#0071e317;font-weight:680}.new-role{border-top:1px solid var(--line);gap:9px;margin-top:17px;padding-top:17px;display:grid}.new-role h3{font-size:14px}.audit-page{min-height:calc(100vh - 128px);padding:26px}.table-wrap{border:1px solid var(--line);background:#ffffffa8;border-radius:14px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:13px 14px;font-size:13px}th{z-index:1;color:#65656a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f5f5f7f0;font-weight:680;position:sticky;top:0}tbody tr{transition:background .14s}tbody tr:hover{background:#0071e309}tbody tr:last-child td{border-bottom:0}td strong,td small{display:block}td small{color:var(--muted);margin-top:4px}.metric-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-card{border-radius:18px;flex-direction:column;min-height:132px;padding:20px;display:flex}.metric-card span,.metric-card small{color:var(--muted);font-size:12px}.metric-card strong{letter-spacing:-.035em;margin:auto 0 5px;font-size:27px}.surface-card{padding:24px}.surface-card h2{margin-bottom:5px;font-size:22px}.release-grid{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);align-items:start;gap:18px;display:grid}.card-heading{margin-bottom:20px}.definition-grid{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:1px;margin:0;display:grid;overflow:hidden}.definition-grid>div{background:#fffc;padding:13px 14px}.definition-grid dt{color:var(--muted);font-size:11px}.definition-grid dd{margin:4px 0 0;font-size:13px;font-weight:650}.form-stack{gap:14px;display:grid}.inset-form{background:#76768013;border-radius:16px;margin-top:16px;padding:18px}.section-copy h3{margin-bottom:4px;font-size:16px}.inline-warning{color:#824000;background:#b2500017;border-radius:12px;margin-top:14px;padding:12px 14px;font-size:13px}.authorization-link{color:#005eb8;background:#0071e312;border:1px solid #0071e329;border-radius:13px;padding:13px 14px;text-decoration:none;display:block}.authorization-link strong,.authorization-link small{display:block}.authorization-link small{color:#4e7193;margin-top:4px}.release-table code{color:#52525a;font-size:12px}.digest-entry{align-items:center;gap:7px;min-width:290px;display:flex}.digest-entry input{min-height:34px;padding:6px 9px;font-size:11px}.release-preview{border-radius:var(--radius-card);background:radial-gradient(circle at 50% 5%,#dfeefe,#0000 44%),#ececf0;place-items:center;min-height:540px;padding:34px;display:grid;position:sticky;top:96px;overflow:hidden}.preview-window{border-radius:var(--radius-modal);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#ffffffe8;border:1px solid #ffffffe0;width:min(430px,100%);padding:25px;box-shadow:0 24px 70px #00000029}.preview-kicker{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:11px;font-weight:750}.preview-window h2{margin:10px 0 14px;font-size:24px}.preview-window>p{white-space:pre-line;color:#505055;min-height:112px;line-height:1.65}.preview-file{background:var(--surface-muted);border-radius:13px;margin:18px 0;padding:13px}.preview-file strong,.preview-file small{overflow-wrap:anywhere;display:block}.preview-file small{color:var(--muted);margin-top:5px}.release-history{display:grid}.history-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;padding:18px 2px;display:flex}.history-row:last-child{border-bottom:0}.history-row h3{margin:7px 0 5px;font-size:16px}.history-row p,.history-row small{color:var(--muted);margin:0;font-size:12px}.history-title{align-items:center;gap:9px;display:flex}.compact-status-row{border:1px solid var(--line);color:var(--muted);background:#ffffffa8;border-radius:15px;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:13px 16px;font-size:13px;display:flex}.list-primary-card{min-height:520px}.compact-select{width:auto;min-width:130px;min-height:42px}.management-modal{width:min(680px,100%)}.wide-modal{width:min(1080px,100%)}.storage-summary{border:1px solid var(--line);background:var(--line);border-radius:14px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.storage-summary>div{background:#fff;padding:14px}.storage-summary span,.storage-summary strong{display:block}.storage-summary span{color:var(--muted);font-size:11px}.storage-summary strong{overflow-wrap:anywhere;margin-top:5px;font-size:13px}.selected-file-summary{border:1px solid var(--line);background:var(--line);border-radius:14px;gap:1px;display:grid;overflow:hidden}.selected-file-summary>div{background:#fff;gap:4px;padding:12px 14px;display:grid}.selected-file-summary span,.selected-file-summary small{color:var(--muted);font-size:11px}.selected-file-summary code{overflow-wrap:anywhere;color:#45454a;font-size:11px}.modal-footer-actions{border-top:1px solid var(--line);justify-content:space-between;gap:10px;padding-top:16px;display:flex}.provider-switch{background:#ececf0;border-radius:13px;padding:4px;display:flex}.provider-switch button{min-height:38px;color:var(--muted);background:0 0;border:0;border-radius:10px;flex:1;font-weight:650}.provider-switch button.active{color:var(--text);background:#fff;box-shadow:0 1px 6px #00000017}.announcement-list{display:grid}.announcement-row{border-bottom:1px solid var(--line);grid-template-columns:150px minmax(0,1fr) auto auto;align-items:center;gap:18px;padding:20px 2px;display:grid}.announcement-row:last-child{border-bottom:0}.announcement-version{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.announcement-version>strong{font-size:20px}.announcement-copy h3{margin-bottom:5px;font-size:16px}.announcement-copy p{color:#4d4d52;white-space:pre-line;max-width:760px;margin-bottom:7px;line-height:1.55}.announcement-copy small{color:var(--muted)}.push-dialog-grid{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:stretch;gap:24px;display:grid}.push-preview{background:radial-gradient(circle at 50% 5%,#dfeefe,#0000 44%),#ececf0;border-radius:18px;place-items:center;min-height:560px;padding:24px;display:grid}@media (max-width:1179px){.admin-topbar{grid-template-columns:auto minmax(0,1fr) auto}.admin-topbar nav{justify-self:stretch;overflow-x:auto}.admin-account span{display:none}.users-layout,.roles-page,.release-grid{grid-template-columns:1fr;min-height:auto}.push-dialog-grid{grid-template-columns:1fr}.announcement-row{grid-template-columns:130px minmax(0,1fr) auto}.announcement-row>.button-row{grid-column:2/-1}.user-list,.role-side{max-height:360px}.release-preview{min-height:470px;position:static}.quota-row{grid-template-columns:1fr 1fr}.quota-row button{grid-column:1/-1;justify-self:start}.permission-row{flex-direction:column;align-items:flex-start}.segmented{align-self:stretch}.segmented button{flex:1}}@media (max-width:759px){.admin-shell{padding-top:126px}.admin-topbar{grid-template-rows:48px 48px;grid-template-columns:1fr auto;gap:4px 10px;height:126px;padding:10px 14px}.admin-topbar nav{grid-area:2/1/auto/-1;width:100%}.admin-topbar nav button{flex:1 0 auto;padding-inline:12px}.admin-main{padding:20px 14px 36px}.admin-brand small{display:none}.page-title-row,.detail-header,.card-heading,.history-row{flex-direction:column;align-items:flex-start}.page-title h1{font-size:32px}.metric-grid{grid-template-columns:1fr}.metric-card{min-height:112px}.surface-card,.detail,.audit-page{padding:18px}.two,.form-grid.two-column,.definition-grid,.storage-summary{grid-template-columns:1fr}.announcement-row{grid-template-columns:1fr;gap:10px}.announcement-row>.button-row{grid-column:auto}.push-preview{min-height:440px;padding:14px}.release-preview{min-height:420px;padding:18px}.modal{padding:20px}.header-actions{width:100%}.header-actions button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.primary:hover:not(:disabled){transform:none}}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.admin-topbar{background:#fafafc}.login-card,.user-list,.detail,.role-side,.audit-page,.surface-card,.metric-card{background:#fff}}body{min-width:320px}:focus-visible{outline-offset:2px;outline:3px solid #4858c959}.quota-account-list{gap:8px;max-height:360px;display:grid;overflow:auto}.password-modal input[readonly]{letter-spacing:.03em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:16px}@media (max-width:1050px){.admin-shell{display:block}.admin-sidebar{z-index:20;flex-direction:row;align-items:center;gap:10px;width:auto;min-height:64px;padding:10px 14px;position:sticky;top:0}.admin-brand{padding:0}.admin-sidebar nav{flex:1;display:flex}.admin-sidebar .logout{margin:0}.admin-main{padding:14px}.users-layout,.roles-page{grid-template-columns:260px minmax(0,1fr);height:auto;min-height:calc(100vh - 92px)}}@media (max-width:760px){.admin-brand div,.admin-sidebar .logout{display:none}.admin-sidebar nav button{text-align:center;flex:1;padding:9px 6px}.users-layout,.roles-page{grid-template-columns:1fr}.user-list,.role-side{max-height:320px}.detail-header,.panel-title{flex-direction:column}.header-actions{flex-wrap:wrap}.two,.quota-row{grid-template-columns:1fr}.modal{width:min(94vw,620px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
