:root{color:#18332d;font-synthesis:none;background:#f3f5ef;font-family:Inter,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.splash{color:#60736d;place-items:center;min-height:100vh;display:grid}.login-shell{background:#173f37;grid-template-columns:1.2fr .8fr;min-height:100vh;display:grid}.login-copy{color:#fff;background:radial-gradient(circle at 20% 20%,#327e68 0,#0000 35%),linear-gradient(145deg,#173f37,#0e2925);padding:12vh 9vw}.login-copy h1{letter-spacing:-.055em;max-width:650px;margin:18px 0;font-size:clamp(48px,6vw,86px);line-height:.98}.login-copy p{color:#cce0da;max-width:560px;font-size:18px;line-height:1.8}.eyebrow,.step{color:#b4d9a9;letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800}.platform-login{color:#173f37;background:#d5efa9;border-radius:10px;margin-top:28px;padding:14px 20px;font-weight:800;text-decoration:none;display:inline-block}.login-card{background:#fff;border-radius:22px;align-self:center;gap:22px;margin:7vw;padding:40px;display:grid;box-shadow:0 30px 80px #071d1955}.login-card h2{margin:8px 0;font-size:30px}.login-card p{color:#6e7d77;line-height:1.6}.login-card label{color:#53645f;gap:8px;font-size:13px;font-weight:700;display:grid}.login-card input{border:1px solid #d7dfda;border-radius:10px;outline:none;padding:14px 15px}.login-card input:focus{border-color:#3b7d69;box-shadow:0 0 0 3px #3b7d6918}.login-card button,.page-heading>button{color:#fff;background:#1d5b4d;border:0;border-radius:10px;padding:14px 18px;font-weight:800}.error{color:#a43d35!important}.app-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}aside{color:#fff;background:#123b34;flex-direction:column;height:100vh;padding:28px 18px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff18;align-items:center;gap:12px;padding:0 10px 28px;display:flex}.brand>span{color:#173f37;background:#d5efa9;border-radius:12px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand small,.profile small{color:#9eb9b1;margin-top:3px}nav{gap:5px;margin-top:26px;display:grid}nav button,.logout{color:#bdd0ca;text-align:left;background:0 0;border:0;border-radius:9px;padding:12px 14px}nav button.active{color:#fff;background:#ffffff14}.nav-icon-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.nav-icon-button svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.profile-row{border-top:1px solid #ffffff18;align-items:center;gap:8px;margin-top:auto;padding:18px 8px;display:flex}.profile{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.profile>div:last-child{min-width:0}.profile strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.avatar{color:#173f37;background:#d5efa9;border-radius:50%;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.logout-icon{color:#e5bcb4;background:0 0;border:0;border-radius:9px;flex:none;place-items:center;width:36px;height:36px;display:grid}.logout-icon:hover{color:#fff;background:#ffffff12}.logout-icon svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.content{padding:54px clamp(30px,5vw,78px);overflow:hidden}.settings-nav{background:#e1e8df;border-radius:11px;gap:6px;width:fit-content;margin-bottom:24px;padding:5px;display:flex}.settings-nav button{color:#64736d;background:0 0;border:0;border-radius:8px;padding:10px 18px;font-weight:800}.settings-nav button.active{color:#174b3f;background:#fff;box-shadow:0 3px 12px #24483d14}.page-heading{justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px;display:flex}.heading-actions{align-items:center;gap:10px;display:flex}.heading-actions button{color:#fff;background:#1d5b4d;border:0;border-radius:10px;padding:12px 16px;font-weight:800}.heading-actions button:disabled{opacity:.55;cursor:default}.page-heading h2{letter-spacing:-.035em;margin:8px 0 0;font-size:36px}.page-summary{color:#71807a;margin:10px 0 0}.status-dot,.count{color:#477165;background:#e3ecde;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:800}.metrics{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.metrics article,.feature-grid article,.placeholder,.table-card{background:#fff;border:1px solid #e0e6de;border-radius:16px;padding:24px;box-shadow:0 10px 30px #26443a08}.metrics span,.metrics small{color:#72817c;display:block}.metrics strong{margin:16px 0 8px;font-size:25px;display:block}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.sync-history{margin-top:24px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:12px;display:flex}.section-heading h3{margin:0}.section-heading small{color:#84908b}.feature-grid h3{margin:26px 0 8px;font-size:20px}.feature-grid p,.placeholder p{color:#697973;line-height:1.7}.number{color:#76a08d;font-family:ui-monospace,monospace}.notice{color:#315e50;background:#e4efe7;border-radius:10px;padding:13px 16px}.table-card{padding:0;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;white-space:nowrap;border-bottom:1px solid #e8ece7;padding:16px 18px}th{color:#738079;background:#fafbf8;font-size:12px}.mono{font-family:ui-monospace,monospace;font-size:13px}.link-button{color:#216854;background:0 0;border:0;font-weight:800}.empty{color:#78847f;text-align:center;padding:50px}.tabs{background:#e7ece5;border-radius:11px;gap:6px;width:fit-content;margin-bottom:18px;padding:5px;display:flex}.tabs button{color:#64736d;background:0 0;border:0;border-radius:8px;padding:10px 18px;font-weight:800}.tabs button.active{color:#174b3f;background:#fff;box-shadow:0 3px 12px #24483d14}.toolbar{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.toolbar input{background:#fff;border:1px solid #d7dfda;border-radius:9px;width:min(420px,100%);padding:11px 14px}.toolbar button,.role-actions button,.secondary-button{color:#315e50;background:#fff;border:1px solid #d5ddd8;border-radius:8px;padding:9px 13px;font-weight:700}.toolbar-actions{gap:8px;display:flex}.toolbar .toolbar-primary{color:#fff;background:#1d5b4d;border-color:#1d5b4d}.role-toolbar{color:#71807a;align-items:center}.add-panel{background:#fff;border:1px solid #dce5df;border-radius:14px;margin-bottom:16px;padding:22px}.add-panel h3{margin:7px 0 0}.add-panel>p{color:#71807a}.user-create-form{grid-template-columns:repeat(2,minmax(220px,1fr));gap:16px;display:grid}.user-create-form .form-heading,.user-create-form>p,.user-create-form fieldset,.user-create-form>button{grid-column:1/-1}.user-create-form>label{color:#52645e;gap:7px;font-size:13px;font-weight:800;display:grid}.user-create-form>label input{border:1px solid #d7dfda;border-radius:8px;padding:11px 12px}.user-create-form>label small{color:#84908b;font-weight:400}.user-create-form fieldset{border:1px solid #dfe6e1;border-radius:10px;gap:10px;margin:0;padding:16px;display:grid}.role-picker{min-width:170px;position:relative}.role-picker summary{color:#216854;cursor:pointer;white-space:normal;font-weight:700}.role-picker[open]{background:#fff;border:1px solid #d7dfda;border-radius:9px;padding:10px}.role-picker label{color:#52645e;gap:7px;margin-top:9px;display:flex}.candidate-list{gap:8px;display:grid}.candidate-list>div{background:#f5f7f3;border-radius:9px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.candidate-list button{color:#fff;background:#1d5b4d;border:0;border-radius:8px;padding:8px 12px;font-weight:800}.cell-note{color:#89948f;margin-top:5px;font-size:11px;display:block}.badge{color:#49645c;background:#e8eee8;border-radius:99px;margin-right:6px;padding:5px 8px;font-size:11px;font-weight:800;display:inline-block}.badge-platform{color:#24604f;background:#dff0e5}.status-text{color:#60706a;font-size:12px;display:block}.status-text.ok{color:#237054}.status-text.off{color:#a64d43}.status-button{border:0;border-radius:8px;min-width:68px;padding:7px 10px;font-size:12px;font-weight:800}.status-button.on{color:#21684f;background:#dff0e5}.status-button.off{color:#9b493f;background:#f4e2df}td select{background:#fff;border:1px solid #d7dfda;border-radius:8px;min-width:130px;padding:8px 9px}.muted{color:#89948f;font-size:12px}.inline-actions{align-items:center;gap:8px;display:flex}.danger-link{color:#a64d43}.secret-notice{color:#684c14;overflow-wrap:anywhere;background:#fff2c9;font-family:ui-monospace,monospace}.role-layout{grid-template-columns:minmax(300px,.85fr) minmax(420px,1.15fr);align-items:start;gap:18px;display:grid}.role-list{gap:10px;display:grid}.role-list article{background:#fff;border:1px solid #e0e6de;border-radius:14px;justify-content:space-between;gap:16px;padding:20px;display:flex}.role-list article.selected{border-color:#5b8c7c;box-shadow:0 0 0 3px #5b8c7c16}.role-list h3{margin:9px 0 5px}.role-list p{color:#70807a;margin:0 0 12px;line-height:1.5}.role-list small{color:#89948f}.role-code{color:#4d7568;font-size:11px}.role-actions{flex-direction:column;gap:7px;display:flex}.role-form{background:#fff;border:1px solid #e0e6de;border-radius:16px;gap:16px;padding:24px;display:grid;position:sticky;top:24px}.form-heading{justify-content:space-between;align-items:start;gap:15px;display:flex}.form-heading h3{margin:7px 0 0;font-size:23px}.role-form>label{color:#52645e;gap:7px;font-size:13px;font-weight:800;display:grid}.role-form input[type=text],.role-form input:not([type]),.role-form textarea{border:1px solid #d7dfda;border-radius:8px;outline:none;width:100%;padding:11px 12px}.role-form textarea{resize:vertical;min-height:76px}.role-form fieldset{border:1px solid #dfe6e1;border-radius:10px;gap:17px;margin:0;padding:17px;display:grid}.role-form legend{color:#52645e;padding:0 6px;font-size:13px;font-weight:800}.permission-group{gap:9px;display:grid}.permission-group>strong{color:#315e50;font-size:12px}.permission-option{color:#40534d;cursor:pointer;align-items:start;gap:9px;font-size:13px;display:flex}.permission-option input{margin-top:3px}.permission-option b,.permission-option small{display:block}.permission-option small{color:#84908b;margin-top:3px;line-height:1.4}.primary-button{color:#fff;background:#1d5b4d;border:0;border-radius:9px;padding:12px 16px;font-weight:800}.audit-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-bottom:16px;display:grid}.audit-filters input,.audit-filters select{background:#fff;border:1px solid #d7dfda;border-radius:9px;min-width:0;padding:11px 12px}.audit-filters button{color:#fff;background:#1d5b4d;border:0;border-radius:9px;padding:11px 17px;font-weight:800}.badge-success{color:#21684f;background:#dff0e5}.badge-failure{color:#9b493f;background:#f4e2df}.pagination{color:#697973;justify-content:center;align-items:center;gap:15px;margin-top:16px;display:flex}.pagination button{color:#315e50;background:#fff;border:1px solid #d7dfda;border-radius:8px;padding:8px 13px}.pagination button:disabled{opacity:.45;cursor:default}.detail-panel{background:#fff;border:1px solid #e0e6de;border-radius:14px;margin-top:16px;padding:22px}.detail-panel h3{margin:0}.detail-panel dl{grid-template-columns:110px 1fr;gap:11px 16px;display:grid}.detail-panel dt{color:#7b8883}.detail-panel dd{overflow-wrap:anywhere;margin:0}.detail-panel pre{color:#38554c;white-space:pre-wrap;background:#f5f7f3;border-radius:8px;max-height:260px;margin:0;padding:12px;overflow:auto}.password-section{max-width:760px}.password-form{background:#fff;border:1px solid #e0e6de;border-radius:16px;gap:17px;padding:26px;display:grid}.password-form label{color:#52645e;gap:7px;font-size:13px;font-weight:800;display:grid}.password-form input{border:1px solid #d7dfda;border-radius:9px;padding:12px}.password-form small{color:#87938e;font-weight:400}@media (width<=900px){.login-shell{grid-template-columns:1fr}.login-copy{padding:60px 30px}.login-card{margin:30px}.app-shell{grid-template-columns:1fr}aside{height:auto;position:static}.metrics,.feature-grid,.role-layout{grid-template-columns:1fr}.role-form{position:static}.user-create-form,.audit-filters{grid-template-columns:1fr}}