:root{--brand: #0070ad;--white: #ffffff;--ring: rgba(0, 112, 173, .25);--border: rgba(0, 112, 173, .35);--border-soft: rgba(0, 112, 173, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Poppins,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--white);color:var(--brand)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.guard-screen{min-height:100%;display:grid;place-items:center;padding:24px;background:var(--white)}.guard-card{width:min(720px,92vw);background:var(--white);border:1px solid var(--border);border-radius:16px;padding:28px;text-align:center}.guard-card h1{margin:0 0 8px;font-size:28px;color:var(--brand)}.guard-card p{margin:6px 0;opacity:.85;color:var(--brand)}.app-shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:var(--white);color:var(--brand)}.topbar{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--white);border-bottom:1px solid var(--border-soft)}.brand{font-weight:700;letter-spacing:.4px;color:var(--brand)}.mainnav{display:flex;gap:12px}.navlink{display:inline-flex;align-items:center;padding:8px 12px;border-radius:10px;text-decoration:none;color:var(--brand);border:1px solid transparent}.navlink:hover{border-color:var(--border)}.navlink--active{background:var(--brand);color:var(--white);border-color:var(--brand)}.spacer{flex:1}.small-btn{background:var(--white);border:1px solid var(--border);color:var(--brand);padding:6px 10px;border-radius:10px;cursor:pointer}.small-btn:hover{background:var(--brand);color:var(--white);border-color:var(--brand)}.page-content{padding:16px}@media(max-width:1023.98px){.app-shell,.login-page{display:none}}:root{--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif}html,body,button,input,select,textarea{font-family:var(--font-sans)!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.route-loading-panel{position:relative;min-height:clamp(320px,62vh,620px);overflow:hidden;border:1px solid var(--border-soft);border-radius:16px;background:linear-gradient(135deg,rgba(0,112,173,.045),transparent 48%),var(--white);padding:clamp(22px,3vw,42px);color:var(--brand)}.route-loading-progress{position:absolute;inset:0 auto auto 0;width:36%;height:3px;border-radius:999px;background:var(--brand);box-shadow:0 0 14px #0070ad59;animation:route-loading-progress 1.05s ease-in-out infinite}.route-loading-heading{display:flex;align-items:center;gap:14px;max-width:520px}.route-loading-heading>div{display:grid;gap:4px}.route-loading-heading strong{color:#101820;font-size:clamp(18px,1.8vw,25px)}.route-loading-heading span:not(.route-loading-mark){color:#1018209e;font-size:14px}.route-loading-mark{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:13px;background:var(--brand);color:var(--white);box-shadow:0 8px 22px #0070ad33;font-size:21px;font-weight:700}.route-loading-skeleton{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px}.route-loading-skeleton span{min-height:clamp(120px,18vh,190px);border:1px solid rgba(0,112,173,.08);border-radius:14px;background:linear-gradient(100deg,#0070ad0a 20%,#0070ad1a,#0070ad0a 56%);background-size:240% 100%;animation:route-loading-shimmer 1.15s linear infinite}@keyframes route-loading-progress{0%{transform:translate(-110%)}55%{width:52%}to{transform:translate(290%)}}@keyframes route-loading-shimmer{to{background-position-x:-240%}}@media(max-width:1180px){.route-loading-skeleton{grid-template-columns:repeat(2,minmax(0,1fr))}.route-loading-skeleton span:last-child{display:none}}@media(prefers-reduced-motion:reduce){.route-loading-progress,.route-loading-skeleton span{animation:none}}