:root{--bg:#ffffff;--surface:#ffffff;--fg:#141414;--muted:#6b7280;--border:#e4e6ea;--accent:#f28221;--accent-hover:#d96f15;--sidebar-bg:#eceef2;--sidebar-fg:#141414;--sidebar-muted:#6b7280}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px}a{color:var(--accent)}button{background:var(--accent);color:#ffffff;border:none;border-radius:8px;padding:8px 14px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.55;cursor:default}input,select{background:#ffffff;color:var(--fg);border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:14px}input::placeholder{color:var(--muted)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px}.logo-box{background:#ffffff;border-radius:10px;padding:8px 12px;display:inline-flex}@keyframes mr-blob{0%,to{transform:translate(0) scale(1)}33%{transform:translate(36px,-44px) scale(1.15)}66%{transform:translate(-26px,24px) scale(.92)}}@keyframes mr-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes mr-expand{0%{transform:translate(-50%,-50%) scale(0)}to{transform:translate(-50%,-50%) scale(70)}}@keyframes mr-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@keyframes mr-rotate{to{transform:rotate(1turn)}}@keyframes mr-grid{to{background-position:0 40px}}.login-bg{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;overflow:hidden;background:radial-gradient(1100px 560px at 50% -15%,#1e2436,#0c0e13 62%)}.login-card{position:relative;z-index:1;width:100%;max-width:404px;background:#ffffff;border:2px solid var(--accent);border-radius:20px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.55);animation:mr-rise 1.4s ease 1.5s both}.login-card label{display:block;font-size:14px;font-weight:600;margin-bottom:7px;color:var(--fg)}.login-card input{width:100%;padding:15px 16px;font-size:15px;background:#f5f6f7;border:1px solid var(--border);border-radius:10px}.login-card input:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 3px rgba(242,130,33,.22)}.login-card button{width:100%;padding:15px;font-size:15px;border-radius:10px;margin-top:4px}.login-bg canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}@keyframes mr-wipe{0%{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes mr-rise{0%{opacity:0;transform:translateY(250px)}to{opacity:1;transform:translateY(0)}}@keyframes mr-shrink{0%{transform:translateY(180px) scale(.89)}to{transform:translateY(0) scale(1)}}.login-stage{position:relative;z-index:1;flex-direction:column;gap:30px}.brand,.login-stage{display:flex;align-items:center}.brand{gap:18px;transform-origin:center;animation:mr-shrink 1.4s ease 1.5s both}.brand-text{font-size:90px;font-weight:800;letter-spacing:5px;color:#fff;white-space:nowrap;animation:mr-wipe .9s ease both}.brand-logo{animation:mr-slam 1.1s cubic-bezier(.5,0,.6,1) .95s both}@keyframes mr-slam{0%{transform:scale(3);opacity:0}30%{opacity:1}65%{transform:scale(.92)}82%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.login-success{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(1100px 560px at 50% 40%,#1e2436,#0c0e13 62%);animation:mr-fade .25s ease both}@keyframes mr-fade{0%{opacity:0}to{opacity:1}}.brand-zoom{display:flex;align-items:center;gap:18px;animation:mr-fade .3s ease both}.brand-zoom .zoom-text{font-size:90px;font-weight:800;letter-spacing:5px;color:#fff;white-space:nowrap}.logo-fly{transform-origin:center;animation:mr-logo-zoom 1s cubic-bezier(.4,0,.85,1) forwards}@keyframes mr-logo-zoom{0%{transform:scale(.6);opacity:0}14%{transform:scale(1);opacity:1}to{transform:scale(16);opacity:1}}