:root{--aucor-red:#e2231a;--ink:#1b1d21;--ink-2:#555a63;--line:#e3e5e9;--bg:#f4f5f7;--panel:#fff;--sans:system-ui, "Segoe UI", Roboto, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--sans);color:var(--ink);background:var(--bg);margin:0}.brand{align-items:baseline;gap:6px;display:flex}.brand-mark{letter-spacing:1px;color:var(--aucor-red);font-size:22px;font-weight:800}.brand-os{color:var(--ink);font-size:18px;font-weight:700}.brand-tag{color:var(--ink-2);margin:4px 0 22px;font-size:13px}.login-wrap{background:linear-gradient(135deg,#2a2d33,#16181c);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--panel);border-radius:12px;flex-direction:column;width:340px;padding:32px 28px;display:flex;box-shadow:0 18px 50px #00000059}.login-card label{color:var(--ink-2);flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;display:flex}.login-card input{border:1px solid var(--line);border-radius:8px;outline:none;padding:11px 12px;font-size:15px}.login-card input:focus{border-color:var(--aucor-red)}.login-card button{color:#fff;background:var(--aucor-red);cursor:pointer;border:0;border-radius:8px;margin-top:6px;padding:12px;font-size:15px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:#a31912;background:#fde8e7;border:1px solid #f4bdb9;border-radius:8px;margin-bottom:12px;padding:9px 11px;font-size:13px}.shell{flex-direction:column;height:100%;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:58px;padding:0 18px;display:flex}.topbar-right{align-items:center;gap:18px;display:flex}.branch-switch{align-items:center;gap:8px;display:flex}.branch-label{color:var(--ink-2);font-size:13px}.branch-switch select{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:150px;padding:7px 10px;font-size:14px}.branch-switch select:disabled{color:var(--ink-2);background:#f0f1f3}.whoami{text-align:right;flex-direction:column;line-height:1.2;display:flex}.whoami-name{font-size:14px;font-weight:600}.whoami-role{color:var(--ink-2);font-size:12px}.logout{border:1px solid var(--line);cursor:pointer;color:var(--ink);background:#fff;border-radius:8px;padding:8px 14px;font-size:13px}.logout:hover{border-color:var(--aucor-red);color:var(--aucor-red)}.body{flex:1;min-height:0;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:2px;width:230px;padding:12px;display:flex;overflow-y:auto}.nav-item{text-align:left;cursor:pointer;color:var(--ink);background:0 0;border:0;border-radius:8px;width:100%;padding:10px 12px;font-size:14px}.nav-item:hover{background:#f0f1f3}.nav-item.active{background:var(--aucor-red);color:#fff;font-weight:600}.content{flex:1;padding:28px 32px;overflow-y:auto}.content h1{margin:0 0 6px;font-size:24px}.content-sub{color:var(--ink-2);margin:0 0 22px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;max-width:720px;padding:22px;line-height:1.55}.panel.placeholder{color:var(--ink-2)}.panel .muted{color:var(--ink-2);font-size:13px}.loading{height:100%;color:var(--ink-2);justify-content:center;align-items:center;display:flex}