:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#182d29;background:#f5f7f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:#087f63;text-decoration:none}header{height:88px;border-bottom:1px solid #dfe6df;display:flex;align-items:center;justify-content:space-between;padding:0 max(6vw,24px);background:#fff}header>a:last-child{font-size:14px}.brand{font-weight:850;font-size:32px;display:flex;align-items:center;gap:16px}.brand span{letter-spacing:.17em;font-size:14px;color:#182d29}main{max-width:1000px;padding:56px 28px 36px;margin:auto}.landing{max-width:850px}.eyebrow{font-size:12px;letter-spacing:.13em;color:#567269;font-weight:650}h1{font-size:clamp(28px,4vw,42px);letter-spacing:-.04em;line-height:1.2;margin:20px 0 12px}h2{font-size:20px;margin:0 0 16px}p{line-height:1.85;white-space:pre-wrap;overflow-wrap:anywhere}.muted,footer{color:#697d74;font-size:13px}.hero{display:flex;gap:26px;align-items:center;margin:36px 0}.hero h1{margin:0}.hero p{color:#60766b;margin:8px 0 16px}.app-icon{background:#087f63;color:white;display:grid;place-items:center;width:112px;height:112px;flex-shrink:0;border-radius:28px;font-size:66px;font-weight:800;box-shadow:0 14px 28px #087f631a}.pill{display:inline-block;padding:7px 11px;background:#e9f2ed;border-radius:8px;font-size:12px;color:#33755f}.card{background:white;border:1px solid #e0e7e1;border-radius:20px;padding:28px;margin:22px 0;box-shadow:0 4px 20px #183d2703}.card p:last-child{margin-bottom:0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}button,.button{font:inherit;font-weight:650;font-size:14px;border:1px solid #087f63;color:#fff;background:#087f63;border-radius:10px;padding:14px 22px;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#06654f}.secondary{background:#fff;color:#087f63;border:1px solid #cadad0}.secondary:hover{background:#eff5f0}button:disabled{opacity:.55;cursor:wait}label{display:block;font-size:14px;font-weight:600;margin:0 0 22px}input,textarea{display:block;width:100%;margin:9px 0 0;padding:13px 14px;border:1px solid #d2ddd5;border-radius:9px;background:#fcfdfb;font:inherit;color:#24382c;resize:vertical}input:focus,textarea:focus{outline:2px solid #087f6350;border-color:#087f63}.grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:34px}.login{max-width:480px;margin-top:32px}#status{font-size:14px;color:#087f63}#status.error{color:#b23828}footer{padding-top:28px;text-align:center}[hidden]{display:none!important}@media(max-width:600px){header{height:70px}.brand{font-size:27px}.brand span{font-size:11px}main{padding:36px 20px}.grid{grid-template-columns:1fr;gap:0}.card{padding:22px}.app-icon{width:88px;height:88px;font-size:52px;border-radius:23px}.hero{gap:20px}.actions>*{flex:1;text-align:center}}

body[data-page=admin]{min-height:100vh;color:#e5edf8;background:radial-gradient(ellipse 340px 340px at 7% 5%,#193c70 0%,transparent 85%),radial-gradient(ellipse 400px 370px at 94% 96%,#0b4549 0%,transparent 90%),#07111e;background-attachment:fixed}body[data-page=admin] header{background:transparent;border:0;height:63px;padding:0 32px}body[data-page=admin] .brand{font-size:14px;font-weight:500;letter-spacing:3px;color:#edf2fb}body[data-page=admin] a{color:#5de0e0}body[data-page=admin] .card{background:#0a1828b3;border:1px solid #2a4056;box-shadow:0 22px 60px #0003}body[data-page=admin] .eyebrow{color:#5ff9f2;font-size:10px;letter-spacing:4px}body[data-page=admin] .muted,body[data-page=admin] .workspace-footer{color:#88a3bf}body[data-page=admin] input,body[data-page=admin] textarea{color:#edf2fb;background:#182635;border-color:#35495f}body[data-page=admin] input::placeholder{color:#edf2fb}body[data-page=admin] button{background:linear-gradient(110deg,#277ec8,#11988f);border:0;box-shadow:0 8px 28px #00adcb1a}body[data-page=admin] .secondary{color:#a7c9e5;background:#17283a;border:1px solid #344b64;box-shadow:none}body[data-page=admin] .pill{background:#173344;color:#79d8e2}body[data-page=admin] #status{color:#70e6d8}body[data-page=admin] #status.error{color:#ff9e94}.login-mode main{padding:0 20px 80px;max-width:462px}.login-mode .login{margin:0;width:100%;padding:36px 30px 30px;border-radius:18px;text-align:center}.login h2{font-size:26px;letter-spacing:5px;margin:18px 0 0}.login .muted{margin:0 0 14px;font-size:14px}.login-field{position:relative;margin-bottom:16px}.login-field span{position:absolute;left:19px;top:10px;font-size:22px;line-height:25px}.login-field input{padding:13px 16px 13px 49px;height:45px;font-size:14px;margin-top:0}.login form button{margin-top:19px;width:100%;height:45px;padding:0;border-radius:9px}.login-mode .workspace-link{display:none}.workspace-footer{padding:28px 20px;font-size:11px;letter-spacing:1px}.login-mode .workspace-footer{position:fixed;bottom:18px;left:0;right:0;padding:0}.login-mode #status{text-align:center}@media(max-height:500px){.login-mode .workspace-footer{position:static}}
