.login{background:var(--ink);place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.login-card{background:var(--bg);border-radius:16px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:flex}.login-brand{font-family:var(--font-display);color:var(--green);font-size:18px;font-weight:700}.login-card h1{font-family:var(--font-display);margin-top:-8px;font-size:30px;line-height:1.1}.login-sub{color:var(--ink-soft);margin-top:-8px}.login-field{flex-direction:column;gap:6px;font-size:14px;font-weight:600;display:flex}.login-field input{border:1px solid var(--control-border);background:var(--surface);min-height:48px;font:inherit;color:inherit;border-radius:8px;padding:10px 12px;font-weight:400}.login-field input:focus{border-color:var(--green);outline:2px solid #cfe0d8}.login-error{color:#7a2416;background:#f3dcd7;border-radius:8px;padding:10px 14px;font-weight:500}.login-button{height:48px;font-size:16px;font-weight:600}.login-divider{color:var(--ink-soft);align-items:center;gap:12px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";border-top:1px solid var(--line);flex:1}:root{--bg:#f5f3ef;--surface:#fff;--surface-muted:#faf8f5;--ink:#1c1b19;--ink-soft:#5e5b55;--line:#ddd8cf;--line-soft:#efebe4;--control-border:#c9c3b8;--green:#1f4d3f;--green-dark:#143429;--amber:#e9b44c;--font-body:"IBM Plex Sans", system-ui, sans-serif;--font-display:"Bricolage Grotesque", system-ui, sans-serif}*,:before,:after{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);margin:0;font-size:15px;line-height:1.45}h1,h2,p{margin:0}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.55}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.btn{border:1px solid var(--control-border);background:var(--surface);border-radius:8px;height:36px;padding:0 14px;font-size:14px;font-weight:500}.btn:hover:not(:disabled){border-color:var(--ink-soft)}.btn-primary{background:var(--green);border-color:var(--green);color:#fff}.btn-primary:hover:not(:disabled){background:var(--green-dark);border-color:var(--green-dark)}.btn-danger{color:#7a2416}.btn-danger:hover:not(:disabled){border-color:#7a2416}.content{flex-direction:column;gap:24px;max-width:1360px;margin:0 auto;padding:28px 24px 48px;display:flex}.panel{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}.panel-head{border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.panel-head h2{font-family:var(--font-display);font-size:20px}.banner-ok{color:var(--green);background:#e5eeea;border-radius:8px;margin:12px 20px 0;padding:10px 14px;font-weight:500}.banner-error{color:#7a2416;background:#f3dcd7;border-radius:8px;margin:12px 20px 0;padding:10px 14px;font-weight:500}.empty{color:var(--ink-soft);padding:28px 20px}.empty-error{color:#7a2416}.link-btn{color:var(--green);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}@media (width<=720px){.content{padding-left:16px;padding-right:16px}}.panel-sub{color:var(--ink-soft);margin-top:2px;font-size:14px}.btn-lg{height:44px;padding:0 18px;font-weight:600}.app-loading{text-align:center;color:var(--ink-soft);padding:40vh 16px 0}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (pointer:coarse){input,select,textarea{font-size:16px!important}.link-btn{min-height:40px}}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}