.system-page{--navy:#101d3b;--coral:#ff684f;min-height:100vh;color:var(--navy);background:radial-gradient(circle at 15% 15%,#ff684f24,#0000 32%),radial-gradient(circle at 85% 80%,#6f5eeb21,#0000 34%),#f5f7fb;place-items:center;padding:32px 20px;font-family:Arial,Helvetica,sans-serif;display:grid}.system-card{text-align:center;background:#fffffff2;border:1px solid #e1e6ef;border-radius:28px;width:min(100%,620px);padding:clamp(30px,6vw,56px);box-shadow:0 28px 80px #101d3b21}.system-brand{align-items:center;gap:10px;margin-bottom:34px;font-weight:800;display:inline-flex}.system-logo{background:var(--coral);color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.system-code{color:var(--coral);letter-spacing:.14em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}.system-card h1{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,6vw,3.4rem);line-height:1.05}.system-card p{color:#62708b;max-width:470px;margin:20px auto 0;font-size:1.05rem;line-height:1.7}.system-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.system-button{border:1px solid var(--navy);min-width:170px;color:var(--navy);font:inherit;cursor:pointer;background:#fff;border-radius:12px;padding:14px 20px;font-weight:750;text-decoration:none}.system-button-primary{border-color:var(--coral);background:var(--coral);color:#fff}.system-button:hover{transform:translateY(-1px);box-shadow:0 10px 25px #101d3b1f}@media (max-width:520px){.system-actions{flex-direction:column}.system-button{width:100%}}.loading-shell{min-height:100vh;color:var(--navy);background:#f5f7fb;grid-template-columns:240px 1fr;display:grid}.loading-sidebar{background:#fff;border-right:1px solid #e2e7ef;padding:30px 24px}.loading-brand{align-items:center;gap:10px;font-weight:800;display:flex}.loading-nav{gap:14px;margin-top:58px;display:grid}.loading-nav-line,.loading-line,.loading-card,.loading-chart{background:#e7ebf2;position:relative;overflow:hidden}.loading-nav-line{border-radius:999px;width:75%;height:12px}.loading-content{padding:clamp(28px,5vw,58px)}.loading-status{color:#62708b;align-items:center;gap:10px;font-weight:650;display:flex}.loading-spinner{border:2px solid #ffd4cc;border-top-color:var(--coral);border-radius:50%;width:18px;height:18px;animation:.8s linear infinite system-spin}.loading-line{border-radius:10px;width:min(420px,70%);height:34px;margin-top:28px}.loading-line-small{width:min(300px,50%);height:13px;margin-top:14px}.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:38px;display:grid}.loading-card{border-radius:18px;height:150px}.loading-chart{border-radius:20px;height:340px;margin-top:18px}.loading-nav-line:after,.loading-line:after,.loading-card:after,.loading-chart:after{content:"";background:linear-gradient(90deg,#0000,#ffffffbf,#0000);animation:1.4s infinite system-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes system-spin{to{transform:rotate(360deg)}}@keyframes system-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion:reduce){.loading-spinner,.loading-nav-line:after,.loading-line:after,.loading-card:after,.loading-chart:after{animation:none}}@media (max-width:900px){.loading-shell{grid-template-columns:1fr}.loading-sidebar{display:none}.loading-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:520px){.loading-grid{grid-template-columns:1fr}.loading-card{height:110px}}