:root{font-family:Noto Sans SC,Microsoft YaHei,sans-serif;color:#172442;font-synthesis:none;--blue:#0068fb;--muted:#7886a4;--border:#e0e7f0;--surface:#f3f7fc;--sidebar:#192636;--danger:#e23648}*{box-sizing:border-box}body{margin:0;background:#fbfcfe;font-size:13px}button,input,select,textarea{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);border-radius:5px;background:#fff;color:inherit;padding:8px 16px;transition:background .15s,border-color .15s}button:hover{background:#f0f5fc;border-color:#bacbe4}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #82b5ff;outline-offset:2px}input,select,textarea{min-height:34px;border:1px solid #dce3ee;border-radius:5px;padding:7px 12px;color:#243453;background:#fff;max-width:100%}input::placeholder,textarea::placeholder{color:#9ba6ba}input:disabled{background:#f6f8fb;color:#72819c}input[type=checkbox]{min-height:auto;accent-color:var(--blue);width:16px;height:16px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 2px 5px #0068fb16}.primary:hover{background:#005ad9;border-color:#005ad9}.danger{color:#fff;background:var(--danger);border-color:var(--danger)}.danger:hover{background:#c62436}.danger-text{color:var(--danger)!important}.muted{color:var(--muted)}h1,h2,p{margin:0}.shell{display:flex;min-height:100vh}.sidebar{width:230px;flex-shrink:0;background:linear-gradient(130deg,#1c2939,#14202f);color:#fff;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{margin:20px 24px 14px;padding-bottom:22px;border-bottom:1px solid #ffffff16;display:flex;align-items:center;gap:8px;white-space:nowrap}.wordmark{font-family:Noto Sans SC,sans-serif;letter-spacing:-1.3px;font-size:30px;font-weight:800}.wordmark span{color:#0781ff}.brand>span:last-child{font-size:17px}.sidebar nav{padding:0 10px;display:grid;gap:9px}.sidebar nav button{justify-content:flex-start;gap:18px;padding:15px 18px;color:#eaf0fa;background:transparent;border:0;font-size:15px}.sidebar nav button.active{background:var(--blue);box-shadow:0 6px 20px #0068fb23}.sidebar nav button:hover:not(.active){background:#ffffff0c}.sidebar-foot{margin-top:auto;padding:24px;color:#667990;letter-spacing:2px;font-size:10px;line-height:2}.sidebar-foot span{display:block;letter-spacing:1px}.workspace{margin-left:230px;width:calc(100% - 230px);display:flex;flex-direction:column;min-height:100vh}.topbar{height:53px;flex-shrink:0;background:linear-gradient(90deg,#eef3f9,#f7faff);display:flex;justify-content:space-between;align-items:center;padding:0 25px}.breadcrumb{font-size:12px;color:#7787a2}.breadcrumb span{margin:0 12px;color:#b4c0d2}.account{display:flex;align-items:center;gap:10px}.account>svg{color:#62718e}.account button{border:0;border-left:1px solid #dde5f0;background:transparent;border-radius:0;margin-left:12px;padding:2px 0 2px 20px;color:#435575}.content{padding:19px 22px 26px;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 10px 21px}.page-heading h1{font-size:25px;letter-spacing:.3px;font-weight:700;line-height:1.5;color:#111e34}.page-heading p{color:var(--muted);font-size:13px;margin-top:1px}.toolbar{display:flex;gap:14px;align-items:center}.toolbar select{width:155px}.toolbar>.primary{min-width:124px}.search-input{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:5px;height:36px;background:#fff;padding:0 10px;color:#6e7c98}.search-input input{border:0;padding:4px;width:172px;min-height:26px}.search-input .clear{border:0;padding:0;background:none}.table-wrap{border:1px solid #e3eaf4;border-radius:4px;overflow:auto;background:#fff}table{border-collapse:collapse;width:100%;white-space:nowrap;table-layout:auto}th,td{border-right:1px solid #e9eef6;border-bottom:1px solid #e9eef6;text-align:left;padding:7px 14px;font-size:12px;font-weight:400;height:41px}th{background:#f0f5fb;color:#314365;height:40px}tr:last-child td{border-bottom:0}th:last-child,td:last-child{border-right:0}tbody tr:hover{background:#fafcff}.number{width:55px;text-align:center}.app-icon{display:block;border-radius:8px;object-fit:contain}.app-name{min-width:80px}.app-name small{display:block;font-size:9px;color:#aa722f;margin-top:2px}.official{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;font-family:inherit}.sort-input{width:58px;text-align:center;padding:3px;height:29px;min-height:29px;appearance:textfield}.sort-input::-webkit-inner-spin-button{display:none}.switch-row{gap:8px;border:0;background:none;padding:0;font-size:12px}.switch{display:inline-block;width:34px;height:20px;background:#b9c4d5;border-radius:20px;position:relative}.switch:after{content:"";position:absolute;width:16px;height:16px;top:2px;left:2px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .15s}.switch.on{background:var(--blue)}.switch.on:after{transform:translate(14px)}.row-actions{display:flex;gap:18px}.row-actions button{padding:0;border:0;color:var(--blue);background:none;font-size:12px}.feature-button{padding:3px 7px;font-size:10px;color:#8492a9;background:#f9fbfd;gap:3px}.feature-button.selected{color:#0063d9;background:#eef6ff;border-color:#d4e6ff}.empty{text-align:center;height:160px;color:#8390a6}.pagination{display:flex;justify-content:space-between;align-items:center;margin:12px 15px 17px;color:var(--muted);font-size:12px}.pagination>div{display:flex;align-items:center;gap:5px}.pagination button{padding:5px 9px;border:0;background:none}.pagination button.current{background:var(--blue);color:#fff;box-shadow:0 3px 8px #0068fb1c}.pagination select{margin-right:12px;min-height:30px;padding:4px 8px}.pagination div>span{margin-left:20px}.editor{background:#fff;border:7px solid #f1f6fc;border-radius:5px;padding:11px 20px 15px;scroll-margin:20px}.editor h2{font-size:18px;margin:0 0 16px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:46px}.form-columns>div:first-child{border-right:1px solid #e6ecf5;padding-right:44px}.field{display:flex;align-items:flex-start;gap:18px;margin:0 0 12px}.field>span:first-child{width:100px;flex-shrink:0;padding-top:7px;font-size:12px}.field>input,.field>select,.field>div{flex:1;min-width:0}.field b{color:#e53546;margin-left:3px}.field .narrow{max-width:100px}.image-field{display:flex;align-items:center;gap:13px}.image-preview{width:72px;height:72px;flex-shrink:0;border:1px solid var(--border);border-radius:8px;display:grid;place-items:center;background:#fcfdff;color:#a2b3c9}.image-preview img{width:56px;height:56px;object-fit:contain;border-radius:11px}.upload-button{display:inline-flex;gap:7px;padding:7px 12px;align-items:center;border:1px solid var(--border);border-radius:5px;cursor:pointer;background:#fff}.upload-button:hover{background:#eff6ff}.upload-button input{position:absolute;width:1px;height:1px;opacity:0}.image-field small{display:block;font-size:10px;color:#8997af;margin-top:10px}.check-line{display:flex;align-items:center;gap:9px;padding-top:6px;font-size:12px}.textarea-wrap{position:relative}.textarea-wrap textarea{width:100%;min-height:60px;resize:vertical;padding-bottom:18px}.textarea-wrap small{position:absolute;right:10px;bottom:7px;font-size:10px;color:#94a1b6}.form-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:14px}.form-actions button{min-width:78px;padding:8px 20px}.form-error{color:#c6273b;background:#fff2f4;border:1px solid #f6d6dc;padding:10px 12px;border-radius:5px;margin:10px 0;font-size:12px;overflow-wrap:anywhere}.category-table td{height:48px;font-size:13px}.inline-icon{vertical-align:-4px;margin-right:10px;color:#7d92b1}.tag{font-size:11px;padding:4px 9px;border-radius:4px;color:#7d8ea8;background:#f2f5f8}.tag.blue{color:#0062da;background:#edf5ff}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#afb9c8;margin-right:8px}.status-dot.enabled{background:#00886c}.help-text{margin:16px 4px 20px;font-size:12px;color:var(--muted)}.category-editor{max-width:680px}.workspace-footer{text-align:right;color:#a9b3c3;font-size:10px;padding:10px 26px 18px;letter-spacing:1px}.toast{position:fixed;right:24px;top:66px;z-index:30;max-width:min(620px,90vw);background:#fff;border:1px solid #d3e7e1;box-shadow:0 8px 30px #192c4520;border-radius:7px;display:flex;gap:10px;align-items:center;color:#13654f;padding:13px 18px;font-size:13px}.toast.failure{color:#c0273c;border-color:#f0cad1}.toast button{padding:0;border:0;background:none;margin-left:8px;color:inherit}.modal-backdrop{position:fixed;inset:0;background:#10213755;z-index:40;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-dialog{background:#fff;padding:27px;border-radius:10px;max-width:420px;box-shadow:0 20px 80px #08152230}.confirm-dialog h2{font-size:19px}.confirm-dialog p{margin-top:13px;color:#76839a;line-height:1.8}.boot{display:grid;place-items:center;min-height:100vh;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#f7faff}.login-brand{background:radial-gradient(ellipse at 15% 10%,#283d58,#162435 70%);padding:clamp(40px,8vw,120px);color:#fff;display:flex;flex-direction:column;justify-content:center}.login-brand .wordmark{font-size:55px}.login-rule{width:52px;height:3px;background:#0a7bff;margin:30px 0}.login-brand h1{font-size:28px;font-weight:500;letter-spacing:2px}.login-brand p{color:#96abc5;font-size:14px;line-height:1.9;margin-top:14px}.login-note{display:flex;align-items:center;gap:10px;color:#7f96b3;font-size:12px;margin-top:70px}.login-panel{width:360px;max-width:calc(100% - 40px);margin:auto;display:flex;flex-direction:column}.eyebrow{letter-spacing:2px;font-size:11px;color:#8190a8;margin-bottom:18px}.login-panel h2{font-size:28px;font-weight:700}.login-panel>p{color:#7e8ba2;font-size:13px;margin:10px 0 24px}.login-panel label{font-size:12px;margin:16px 0 8px}.login-panel input{height:43px}.login-button{margin-top:28px;height:44px;justify-content:space-between}.login-panel small{font-size:10px;color:#9ca9bc;line-height:1.6;margin-top:18px}.login-panel .form-error{color:#c0273b;margin:15px 0 0}.modal-backdrop button:focus-visible{outline-color:#2778ef}@media(min-width:1500px){.sidebar{width:240px}.workspace{margin-left:240px;width:calc(100% - 240px)}.content{padding:20px}.page-heading{margin-bottom:22px}th,td{font-size:13px;padding:6px 14px}.official{max-width:240px}}@media(max-width:1150px){.page-heading{flex-wrap:wrap}.toolbar{width:100%;justify-content:flex-end}.form-columns{gap:20px}.form-columns>div:first-child{padding-right:20px}.field{gap:8px}.field>span:first-child{width:80px}.official{max-width:170px}}@media(max-width:800px){.sidebar{width:170px}.brand{margin:18px 12px;gap:5px}.wordmark{font-size:24px}.brand>span:last-child{font-size:13px}.sidebar nav button{font-size:13px;padding:12px;gap:12px}.workspace{margin-left:170px;width:calc(100% - 170px)}.content{padding:18px 12px}.breadcrumb{display:none}.topbar{justify-content:flex-end}.toolbar{flex-wrap:wrap;justify-content:flex-start;gap:8px}.toolbar select{width:120px}.form-columns{grid-template-columns:1fr}.form-columns>div:first-child{border:0;padding:0}.pagination{margin-left:0;margin-right:0;flex-wrap:wrap;gap:10px}.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{padding:40px 0}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}