*{box-sizing:border-box} [hidden]{display:none!important} :root{--ink:#172c30;--muted:#7c898b;--line:#e5e9e7;--green:#155e53;--pale:#edf5ef;--bg:#f6f7f4;--danger:#ad4141} body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button{transition:background .15s,box-shadow .15s}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1{font-size:30px;line-height:1.45;letter-spacing:-.7px;font-weight:650}h2{font-size:17px;font-weight:650}p.muted{margin-top:10px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:650;color:#6e8b7f;display:block;margin-bottom:12px}.brand-mark{display:inline-flex;width:39px;height:39px;border:1px solid #588276;border-radius:11px;font-size:25px;align-items:center;justify-content:center;font-weight:600;line-height:1;color:#fff;position:relative;background:#1e5a50}.brand-mark span{font-size:15px;position:absolute;right:3px;top:5px;background:inherit}.primary,.secondary,.danger-button{border:0;border-radius:8px;padding:12px 19px;font-weight:600;display:inline-flex;gap:30px;align-items:center;justify-content:center;white-space:nowrap}.primary{background:var(--green);color:white}.primary:hover{background:#0b493f;box-shadow:0 3px 9px #155e5318}.primary.wide{width:100%;justify-content:space-between}.secondary{background:white;border:1px solid #d9e0dc;color:#3c5550}.secondary:hover{background:#f0f4f0}.text-button{border:0;background:transparent;color:var(--green);padding:4px 0;font-weight:550}.text-button:hover{text-decoration:underline}.text-button.small{font-size:12px}.icon-button{border:0;background:none;font-size:26px;line-height:1;color:#80918c;padding:4px 8px}.danger-button{color:var(--danger);border:1px solid #f1dcdc;background:white;padding:6px 10px;font-size:12px}.danger-button:hover{background:#fff2f2}.live-dot{width:6px;height:6px;border-radius:50%;background:#74a48c;display:inline-block;flex-shrink:0}label{display:block;font-size:13px;font-weight:550;margin-bottom:9px}input,textarea{border:1px solid #dfe5e0;border-radius:8px;background:#fff;color:var(--ink);padding:12px 14px;width:100%;resize:vertical;transition:border-color .15s}input:focus,textarea:focus{border-color:#59987f;outline:2px solid #59987f15}input::placeholder,textarea::placeholder{color:#a4aeaa;font-size:12px}textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.85;min-height:85px}.secret-input{-webkit-text-security:disc}textarea::placeholder{-webkit-text-security:none}.field-help{font-size:12px;color:#8a9790;line-height:1.8;margin-top:9px}.form-error{color:var(--danger);font-size:13px;min-height:22px;margin:9px 0;overflow-wrap:anywhere}.login-screen{max-width:1120px;margin:0 auto;padding:48px 35px}.login-brand{display:flex;align-items:center;gap:12px;letter-spacing:-.4px;font-size:20px}.login-card{display:grid;grid-template-columns:1.08fr 1fr;background:white;border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:65px;box-shadow:0 20px 60px #183e2d06;min-height:515px}.login-intro{background:#e8eee5;padding:55px 48px;position:relative}.login-intro h1{font-size:36px;line-height:1.5;margin-top:22px;letter-spacing:-1.3px}.login-intro p{color:#718375;margin-top:19px;line-height:1.95}.intro-flow{display:flex;flex-direction:column;gap:10px;margin-top:32px;font-size:12px;color:#456252}.intro-bottom{margin-top:40px;display:flex;align-items:center;gap:8px;font-size:11px;color:#738374}.login-form{padding:60px 48px}.login-form h2{font-size:23px}.login-form>.muted{font-size:12px;margin:8px 0 32px}.login-form label{margin-top:16px}.login-form .primary{margin-top:10px}.login-foot{font-size:11px;color:#9aa39d;text-align:center;margin-top:20px}.login-screen footer{display:flex;align-items:center;gap:12px;justify-content:center;color:#9da79f;font-size:10px;letter-spacing:1px;margin-top:40px}.app-shell{min-height:100vh;display:flex}.sidebar{width:232px;background:#193c36;color:#c3d2c9;padding:33px 21px;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;font-size:19px;font-weight:600;color:#f2f6ef;padding:0 8px}.brand small{display:block;font-size:10px;color:#82a196;letter-spacing:1.6px;font-weight:400;margin-top:1px}.nav-caption{font-size:10px;letter-spacing:2px;color:#77998b;margin:48px 14px 17px}.nav-item{display:flex;gap:14px;align-items:center;width:100%;text-align:left;border:0;color:#b6c8bf;background:none;border-radius:8px;padding:12px 15px;margin-bottom:9px;font-size:13px}.nav-item span{font-size:20px;line-height:1;width:20px}.nav-item:hover{background:#244b41}.nav-item.selected{background:#33574b;color:#fff}.sidebar-note{margin-top:auto;padding:24px 13px 30px;border-bottom:1px solid #33534a;font-size:11px}.sidebar-note .live-dot{margin-right:7px}.sidebar-note strong{font-size:11px;font-weight:500;color:#c5d5cb}.sidebar-note p{font-size:11px;line-height:1.9;margin:11px 0 0 13px;color:#789b8c}.sidebar-bottom{display:flex;align-items:center;gap:10px;padding:22px 5px 0;min-width:0}.avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#4a6a56;color:#e2e9de;flex-shrink:0;font-size:13px}.sidebar-bottom strong{font-weight:500;font-size:12px;display:block;max-width:105px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{font-size:10px;color:#7e9f8d}.logout{margin-left:auto;border:0;background:none;color:#94b4a5;font-size:23px}.main-content{margin-left:232px;width:calc(100% - 232px);padding:0 42px;max-width:1700px}.topbar{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e2e7df;color:#9ca69d;font-size:11px}.topbar strong{color:#53695c;font-weight:500}.topbar .text-button{color:#7f8d82;font-size:11px}.breadcrumb{padding:0 13px;color:#b7bfb5}.view{padding-top:37px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:30px}.page-heading .eyebrow{margin-bottom:9px}.page-heading p{font-size:12px}.quiet-tag{background:#edf2e9;border:1px solid #dce7d7;border-radius:30px;padding:6px 12px;font-size:10px;color:#6f8973;display:inline-flex;gap:8px;align-items:center;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:minmax(400px,1fr) 280px;gap:22px}.panel{background:white;border:1px solid var(--line);border-radius:12px}.input-panel{padding:24px 26px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.panel-heading>div{display:flex;align-items:center;gap:12px}.step{color:#809b83;font-size:10px;font-weight:600;border:1px solid #dae5d7;border-radius:5px;padding:2px 6px;line-height:1.7;background:#f7faf4}.count-tag{font-size:10px;background:#f3f5f0;color:#8d9b8d;padding:3px 9px;border-radius:5px}.field-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.field-heading label{margin-bottom:0}.proxy-heading{margin-top:23px}.submit-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #eff1ec;padding-top:18px}.submit-footer>span{color:#a1ab9f;font-size:10px}.submit-footer .primary{font-size:12px;padding:11px 17px}.guide-panel{padding:26px 23px;background:#eef2e8;border:1px solid #e5eadf;border-radius:12px}.guide-panel h2{font-size:21px;line-height:1.7;letter-spacing:-.5px;font-weight:550}.guide-steps{list-style:none;padding:0;margin:27px 0 30px}.guide-steps li{display:flex;gap:12px;margin-bottom:24px}.guide-steps li>span{font-size:10px;width:23px;height:23px;flex-shrink:0;border:1px solid #c4d2bb;border-radius:50%;display:grid;place-items:center;color:#66865e}.guide-steps strong{font-size:12px;font-weight:600;color:#446044}.guide-steps p{font-size:11px;color:#8b9a80;margin-top:6px;line-height:1.9}.guide-tip{border-top:1px solid #dbe3d2;padding-top:18px}.guide-tip strong{font-size:11px;color:#657c5d;font-weight:500}.guide-tip p{font-size:11px;color:#96a18c;margin-top:7px;line-height:1.85}.result-panel{margin-top:24px;padding:24px 26px}.result-panel .panel-heading{margin-bottom:17px}.empty-state{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a0aca1;text-align:center}.empty-icon{font-size:25px;border:1px solid #e2e9df;background:#f6f8f1;width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:#8aa087;margin-bottom:15px}.empty-state strong{font-size:12px;font-weight:500;color:#859780}.empty-state p{font-size:11px;margin-top:6px}.batch-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;background:#f7f9f4;padding:15px 17px;border-radius:8px;margin-bottom:18px}.batch-counts{display:flex;align-items:center;gap:18px;font-size:11px;color:#8d9c88}.batch-counts strong{font-size:22px;margin-right:5px;font-weight:550;color:#3e6547}.batch-actions{display:flex;gap:10px;align-items:center}.batch-actions .primary{font-size:11px;padding:9px 14px;gap:9px}.progress-track{height:4px;border-radius:8px;background:#eef2e9;overflow:hidden;margin-bottom:22px}.progress-fill{height:100%;background:#73a080;transition:width .3s}.table-wrap{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;text-align:left;font-size:12px}th{font-weight:500;color:#9ca699;font-size:10px;padding:8px 8px 14px;border-bottom:1px solid #e9eee4}td{padding:14px 8px;border-bottom:1px solid #eff2ec}tr:last-child td{border-bottom:0}td.email-cell{font-family:ui-monospace,Consolas,monospace;font-size:11px;color:#4b6252;overflow-wrap:anywhere;min-width:180px}td:first-child{color:#a6b0a0;font-size:10px;width:32px}td.note-cell{font-size:11px;color:#9aa592;min-width:160px}.badge{padding:3px 9px;border-radius:20px;font-size:10px;display:inline-block;white-space:nowrap;background:#f1f3ee;color:#9da78f}.badge.success{background:#edf6eb;color:#5a8a55}.badge.running{background:#eff1fb;color:#7486ab}.badge.failed{background:#fff0ed;color:#b8766a}.badge.cancelled,.badge.expired{background:#f0f1ee;color:#999e93}.batch-meta{font-size:10px;color:#a1ac9b;margin-top:16px}.batch-card{padding:24px 26px;margin-bottom:20px}.batch-card h2{font-size:14px}.batch-card .panel-heading{margin-bottom:16px}.batch-card details{margin-top:15px}.batch-card summary{font-size:11px;color:#809477;cursor:pointer}.app-footer{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #e2e7df;margin:35px 0 22px;padding-top:19px;font-size:10px;color:#a5ada0}.app-footer>span:first-child{font-weight:600;letter-spacing:1px}.create-user{padding:25px 26px;margin-bottom:24px}.create-user h2{margin-bottom:24px}.inline-fields{display:flex;gap:20px;align-items:flex-end}.inline-fields>div{flex:1}.inline-fields>.primary{font-size:12px;padding:13px 20px}.input-action{display:flex;align-items:center;position:relative}.input-action input{padding-right:58px}.input-action .text-button{position:absolute;right:13px;font-size:11px}.users-panel{padding:25px 26px}.users-panel .panel-heading{margin-bottom:10px}.users-panel .panel-heading>.muted{font-size:11px}.users-panel td:first-child{width:auto;color:#4b6252;font-size:12px}.user-actions{display:flex;gap:14px;justify-content:flex-end}.user-actions button{font-size:11px}.user-actions .disable{color:#b98a75}dialog{border:1px solid #e3e9df;padding:28px;border-radius:14px;width:400px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 20px 80px #14371c22}dialog::backdrop{background:#143a2e55;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}dialog label{margin-top:20px}dialog .primary{margin-top:15px}.toast{position:fixed;bottom:28px;left:calc(50% + 100px);transform:translateX(-50%);background:#244e3e;color:#fff;padding:12px 22px;border-radius:9px;box-shadow:0 4px 25px #1a3c3320;z-index:100;font-size:12px;max-width:90%}
@media(min-width:1450px){.main-content{padding:0 60px}.workspace-grid{grid-template-columns:minmax(450px,1fr) 320px;gap:26px}.guide-panel{padding:30px}.input-panel{padding:28px 32px}h1{font-size:34px}}
@media(max-width:1150px){.main-content{padding:0 25px}.sidebar{width:206px;padding:30px 15px}.main-content{margin-left:206px;width:calc(100% - 206px)}.workspace-grid{grid-template-columns:minmax(0,1fr)}.guide-panel{display:none}.page-heading h1{font-size:26px}.inline-fields{flex-wrap:wrap}.inline-fields>div{min-width:200px}.toast{left:calc(50% + 90px)}}
@media(max-width:760px){.login-screen{padding:28px 20px}.login-card{grid-template-columns:1fr;margin-top:30px}.login-intro{display:none}.login-form{padding:35px 28px}.sidebar{position:static;width:100%;height:auto;padding:18px 20px;display:block}.app-shell{display:block}.brand{padding:0;gap:10px;font-size:18px}.brand-mark{width:34px;height:34px;font-size:23px}.brand small{display:none}.nav-caption,.sidebar-note{display:none}.sidebar nav{display:flex;gap:12px;margin:22px -5px -18px}.nav-item{width:auto;font-size:12px;padding:9px 12px;border-radius:7px 7px 0 0;margin:0;gap:8px}.nav-item span{font-size:16px;width:16px}.sidebar-bottom{position:absolute;right:19px;top:19px;padding:0;gap:7px}.sidebar-bottom .avatar,.sidebar-bottom small{display:none}.sidebar-bottom strong{max-width:90px;font-size:10px}.sidebar-bottom .logout{font-size:20px}.main-content{margin-left:0;width:100%;padding:0 20px}.topbar{height:55px}.view{padding-top:25px}.page-heading{align-items:flex-start;margin-bottom:23px;gap:10px}.page-heading h1{font-size:23px;letter-spacing:-.7px}.page-heading .eyebrow{font-size:9px;letter-spacing:2px}.page-heading p{font-size:11px;line-height:1.85}.quiet-tag{display:none}.input-panel,.result-panel,.batch-card{padding:21px 18px}.panel-heading h2{font-size:15px}.submit-footer{flex-direction:column;align-items:stretch;gap:15px}.submit-footer .primary{justify-content:space-between}.batch-summary{padding:14px;gap:14px}.batch-counts{gap:15px}.batch-counts strong{font-size:20px}.batch-actions{width:100%;justify-content:flex-end}.create-user{padding:22px 18px}.inline-fields{display:block}.inline-fields>div{margin-bottom:20px}.inline-fields .primary{width:100%;margin-top:4px}.users-panel{padding:22px 15px}.page-heading .secondary{font-size:10px;padding:8px 10px}.app-footer{font-size:9px;gap:14px}.toast{left:50%;width:max-content}.table-wrap td{padding-top:12px;padding-bottom:12px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
