:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#17211f;background:#f5f7f6;font-synthesis:none;text-rendering:optimizeLegibility;--sidebar: #142622;--sidebar-hover: #203833;--accent: #008b75;--accent-dark: #006d5d;--border: #dce3e1;--muted: #667572;--surface: #ffffff;--danger: #c33a45;--warning: #a96d05;--success: #15784d}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid rgba(0,139,117,.28);outline-offset:1px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);transition:grid-template-columns .18s ease}.admin-shell.sidebar-collapsed{grid-template-columns:72px minmax(0,1fr)}.admin-sidebar{position:sticky;top:0;z-index:20;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:var(--sidebar);color:#dce9e6}.brand-block{height:68px;display:flex;align-items:center;gap:11px;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08)}.brand-mark{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;color:#fff;background:var(--accent);border-radius:6px}.brand-mark img,.auth-logo img{width:100%;height:100%;display:block;border-radius:6px}.brand-copy{min-width:0;display:flex;flex-direction:column}.brand-copy strong{font-size:15px;color:#fff}.brand-copy span{margin-top:2px;color:#91aaa4;font-size:11px}.admin-nav{flex:1;padding:15px 10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto}.admin-nav button,.collapse-button{width:100%;height:42px;border:0;border-radius:5px;display:flex;align-items:center;gap:12px;padding:0 12px;color:#b9cac6;background:transparent;cursor:pointer;white-space:nowrap}.admin-nav button:hover,.collapse-button:hover{color:#fff;background:var(--sidebar-hover)}.admin-nav button.active{color:#fff;background:var(--accent)}.sidebar-footer{padding:10px;border-top:1px solid rgba(255,255,255,.08)}.collapse-button svg{transition:transform .18s ease}.collapse-button svg.rotated{transform:rotate(180deg)}.mobile-close,.mobile-menu,.mobile-scrim{display:none}.admin-workspace{min-width:0;background:#f5f7f6}.admin-topbar{position:sticky;top:0;z-index:10;height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border);background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title h2{margin:0;font-size:17px;font-weight:650}.topbar-meta{display:flex;align-items:center;gap:14px;min-width:0}.api-target{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;border:1px solid var(--border);color:var(--muted);font-size:11px;border-radius:4px}.user-chip{display:flex;align-items:center;gap:8px}.user-avatar,.small-avatar{display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#4a645e;border-radius:50%}.user-avatar{width:32px;height:32px;font-size:13px}.small-avatar{width:29px;height:29px}.user-details{display:flex;flex-direction:column}.user-details strong{font-size:12px}.user-details small{color:var(--muted);font-size:10px}.admin-content{width:100%;max-width:1680px;margin:0 auto;padding:24px}.page{min-width:0}.page-header{min-height:58px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.page-header h1{margin:0;font-size:21px;font-weight:680}.page-header p{margin:6px 0 0;color:var(--muted);font-size:12px}.page-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.primary-button,.secondary-button,.text-button,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;cursor:pointer}.primary-button,.secondary-button{min-height:34px;padding:0 13px;border-radius:5px;font-size:12px;font-weight:600}.primary-button{color:#fff;background:var(--accent)}.primary-button:hover{background:var(--accent-dark)}.secondary-button{color:#354642;border:1px solid var(--border);background:#fff}.secondary-button:hover{border-color:#aebdb9;background:#f8faf9}.text-button{padding:4px 6px;color:var(--accent-dark);background:transparent;font-size:12px}.icon-button{width:34px;height:34px;padding:0;color:#51615d;background:transparent;border-radius:5px}.icon-button:hover{background:#edf2f0}.icon-button.compact{width:28px;height:28px}.danger-icon{color:var(--danger)}.danger-icon:hover{background:#fff0f1}button:disabled,.disabled{opacity:.5;cursor:not-allowed}.metric-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{min-height:94px;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--border);border-radius:7px;background:#fff}.metric-icon{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:6px}.metric-card div{min-width:0;display:flex;flex-direction:column}.metric-card strong{font-size:24px;line-height:1}.metric-card span:not(.metric-icon){margin-top:7px;color:var(--muted);font-size:11px}.tone-teal{color:#007e6b;background:#e3f5f0}.tone-green{color:#247149;background:#e6f4eb}.tone-blue{color:#346ca1;background:#e8f1f9}.tone-amber{color:#966313;background:#fbf1dc}.tone-violet{color:#7055a5;background:#f0eafb}.tone-red{color:#ad3a44;background:#fbeaec}.section-band{margin-bottom:18px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.section-title-row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 17px;border-bottom:1px solid var(--border)}.section-title-row h2,.backup-band h2{margin:0;font-size:14px}.section-title-row p,.backup-band p{margin:4px 0 0;color:var(--muted);font-size:11px}.service-state{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th{height:40px;padding:0 13px;color:#65736f;background:#fafbfb;font-size:11px;font-weight:650;text-align:left;white-space:nowrap}td{min-height:47px;padding:10px 13px;border-top:1px solid #edf0ef;vertical-align:middle}tbody tr:hover td{background:#fbfcfc}td strong{font-weight:620}.align-right{text-align:right}.mono,code{font-family:Cascadia Code,Consolas,monospace;font-size:11px}.table-primary{display:flex;align-items:center;gap:9px;min-width:160px}.table-primary>div{display:flex;flex-direction:column;gap:3px}.table-primary small,.table-sub{display:block;margin-top:3px;color:var(--muted);font-size:10px}.empty-cell{height:100px;color:var(--muted);text-align:center}.pagination-bar{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 13px;border-top:1px solid var(--border);color:var(--muted);font-size:11px}.pagination-bar>div{display:flex;align-items:center;gap:8px}.pagination-bar strong{min-width:54px;color:#34443f;text-align:center}.metadata-cell{display:block;max-width:320px;overflow:hidden;color:#51615d;text-overflow:ellipsis;white-space:nowrap}.permission-summary{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-link{display:block;max-width:280px;overflow:hidden;color:var(--accent-dark);text-overflow:ellipsis;white-space:nowrap}select,input{min-width:0;height:34px;padding:0 10px;border:1px solid #cfd8d5;border-radius:4px;color:#24302e;background:#fff}table select{width:100%;min-width:110px;height:30px;padding:0 7px;font-size:11px}.status-badge{display:inline-flex;align-items:center;min-height:22px;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:650;text-transform:lowercase}.status-success{color:#126b43;background:#e1f3e9}.status-danger{color:#a62e39;background:#fbe7e9}.status-warning{color:#8a5905;background:#fbefd7}.status-neutral{color:#5b6966;background:#edf1f0}.page-alert,.form-alert{padding:10px 12px;border-radius:5px;font-size:12px}.page-alert{margin:0 0 14px}.form-alert{margin:0}.danger{color:#9f2e38;border:1px solid #f0c9cd;background:#fff1f2}.success{color:#126641;border:1px solid #bfdfcd;background:#edf8f1}.secret-cell{display:flex;align-items:center;gap:4px;min-width:210px}.secret-cell code{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-field{width:min(310px,36vw);height:34px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--border);border-radius:5px;background:#fff}.search-field input{width:100%;height:auto;padding:0;border:0;outline:0}.segmented-control{height:34px;display:inline-grid;grid-auto-flow:column;overflow:hidden;border:1px solid var(--border);border-radius:5px;background:#fff}.segmented-control button{min-width:78px;padding:0 11px;border:0;border-right:1px solid var(--border);color:var(--muted);background:transparent;cursor:pointer;font-size:11px}.segmented-control button:last-child{border-right:0}.segmented-control button.active{color:#fff;background:var(--accent)}.store-content-tabs{margin:0 0 14px}.store-content-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.store-tab-count,.review-pending-summary{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:9px;font-size:10px;font-weight:700}.store-content-tabs button.active .store-tab-count{color:var(--accent-dark);background:#fff}.store-content-tabs button:not(.active) .store-tab-count{color:#fff;background:var(--danger)}.deletion-review-band{overflow:hidden}.deletion-review-band .section-title-row{border-bottom:1px solid var(--border)}.review-pending-summary{color:#8a5905;background:#fbefd7}.review-detail{display:block;max-width:240px;overflow:hidden;color:#52635e;text-overflow:ellipsis;white-space:nowrap}.review-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:7px;white-space:nowrap}.review-actions .primary-button,.review-actions .secondary-button{min-height:30px;padding:0 9px}.review-approve{background:#15784d}.review-approve:hover{background:#0f623e}.review-reject{color:#a62e39;border-color:#edc6ca}.review-reject:hover{border-color:#dda6ac;background:#fff5f6}.review-operation-state{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--muted);font-size:11px;white-space:nowrap}.review-operation-state svg{color:var(--success)}.system-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.status-panel{min-width:0}.status-panel .section-title-row p{max-width:500px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-list{margin:0;padding:8px 17px 14px}.detail-list div{min-height:37px;display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;border-bottom:1px solid #edf0ef}.detail-list div:last-child{border:0}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{min-width:0;margin:0;overflow-wrap:anywhere;font-size:11px}.compact-table table{min-width:680px}.backup-band{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 17px}.backup-band>div:first-child{display:flex;align-items:center;gap:11px}.button-row{display:flex;gap:8px}.file-button{cursor:pointer}.file-button input{display:none}.modal-backdrop,.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f1a1761}.modal-backdrop{display:grid;place-items:center;padding:20px}.modal{width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:7px;background:#fff;box-shadow:0 18px 55px #0003}.modal header,.drawer header{min-height:66px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--border)}.modal h2,.drawer h2{margin:0;font-size:15px}.modal header p,.drawer header p{margin:4px 0 0;color:var(--muted);font-size:11px}.modal-body{padding:18px}.modal footer,.drawer footer{display:flex;justify-content:flex-end;gap:8px;padding:13px 18px;border-top:1px solid var(--border)}.drawer-backdrop{display:flex;justify-content:flex-end}.drawer{width:min(470px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-16px 0 45px #00000024}.drawer-body{padding:18px}.drawer footer{position:sticky;bottom:0;background:#fff}.drawer.wide-drawer{width:min(720px,100%)}.key-editor{border:1px solid var(--border);border-radius:5px;overflow:hidden}.key-editor .section-title-row{min-height:58px}.key-row{display:grid;grid-template-columns:120px minmax(180px,1fr) 70px 72px 34px;align-items:center;gap:8px;padding:9px 12px;border-top:1px solid #edf0ef}.key-row input{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid.single{grid-template-columns:1fr}.field{min-width:0;display:flex;flex-direction:column;gap:6px}.field>span:first-child{color:#465550;font-size:11px;font-weight:600}.field input,.field select{width:100%}.toggle-row{display:flex;align-items:center;gap:8px;font-size:12px}.toggle-row input{width:16px;height:16px}.permission-grid{min-width:0;margin:0;padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;border:1px solid var(--border);border-radius:5px}.permission-grid legend{padding:0 5px;color:var(--muted);font-size:11px}.permission-grid label{min-width:0;min-height:42px;display:flex;align-items:flex-start;gap:8px;padding:7px;border:1px solid #edf0ef;border-radius:4px}.permission-grid input{width:15px;height:15px;flex:0 0 15px}.permission-grid span{min-width:0;display:flex;flex-direction:column;gap:2px}.permission-grid strong{font-size:11px}.permission-grid small{overflow:hidden;color:var(--muted);font-family:Consolas,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.permission-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.password-field{position:relative;display:block}.password-field input{padding-right:42px}.password-toggle{position:absolute;top:0;right:0;width:38px;height:34px;display:grid;place-items:center;border:0;color:var(--muted);background:transparent;cursor:pointer}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:28px 18px;background:#eef3f1}.auth-panel{width:min(420px,100%);border:1px solid #d5dfdc;border-radius:7px;background:#fff;box-shadow:0 14px 38px #1c312c1a}.auth-brand{min-height:72px;display:flex;align-items:center;gap:11px;padding:0 24px;border-bottom:1px solid var(--border)}.auth-logo{width:40px;height:40px;display:grid;place-items:center;border-radius:6px;color:#fff;background:var(--accent)}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-brand strong{font-size:15px}.auth-brand span{margin-top:2px;color:var(--muted);font-size:11px}.auth-form,.auth-forbidden,.auth-checking{padding:24px}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-heading{display:flex;align-items:center;gap:9px;margin-bottom:2px}.auth-heading h1,.auth-forbidden h1,.auth-checking h1{margin:0;font-size:18px}.auth-submit{width:100%;height:39px;margin-top:2px}.auth-footer{padding:12px 24px;border-top:1px solid var(--border);color:#7a8784;font-family:Consolas,monospace;font-size:10px;text-align:center;overflow-wrap:anywhere}.auth-checking,.auth-forbidden{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;text-align:center}.auth-forbidden p{margin:0 0 4px;color:var(--muted);font-size:12px}.spin{animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.api-target{display:none}}@media(max-width:880px){.admin-shell,.admin-shell.sidebar-collapsed{display:block}.admin-sidebar{position:fixed;left:0;transform:translate(-100%);width:min(280px,84vw);transition:transform .18s ease}.admin-sidebar.mobile-open{transform:translate(0)}.mobile-close{display:inline-flex;margin-left:auto;color:#fff}.mobile-menu{display:inline-flex}.collapse-button{display:none}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:19;display:block;width:100%;height:100%;border:0;background:#0f1a1759}.admin-content{padding:18px}.admin-topbar{padding:0 14px}.user-details{display:none}.system-status-grid{grid-template-columns:1fr}.page-header{align-items:stretch;flex-direction:column}.page-actions{justify-content:flex-start}.search-field{width:min(100%,320px)}.backup-band{align-items:flex-start;flex-direction:column}.permission-grid,.key-row{grid-template-columns:1fr}.key-row .icon-button{justify-self:end}}@media(max-width:600px){.admin-content{padding:14px 10px}.admin-topbar{height:58px}.topbar-title h2{font-size:15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.metric-card{min-height:82px;padding:12px}.metric-card strong{font-size:20px}.page-header h1{font-size:19px}.form-grid{grid-template-columns:1fr}.modal-backdrop{padding:10px}.modal{max-height:calc(100vh - 20px)}.button-row{width:100%;flex-direction:column}.button-row>*{width:100%}.topbar-meta{gap:6px}.user-chip{display:none}}