html,body{height:100%;min-height:100vh;margin:0;padding:0}body{background:#181818;color:#f5f5f5;font-family:Orbitron,Segoe UI,Arial,sans-serif;min-width:100vw;min-height:100vh;height:100%;box-sizing:border-box;display:flex;flex-direction:column}app-root{display:flex;flex-direction:column;min-height:100vh;height:100%}.main-layout{display:flex;flex:1 1 auto;height:100%;width:100vw;gap:20px;padding:0;box-sizing:border-box}app-left-sidebar,app-right-sidebar,app-main-content{height:100%;min-height:0}app-left-sidebar,app-right-sidebar{flex:0 0 220px;background:#1a1a2e;border-radius:10px;padding:20px 10px;box-shadow:0 0 10px #0008;display:flex;flex-direction:column}app-main-content{flex:1 1 auto;background:#22223b;border-radius:10px;padding:30px 20px;box-shadow:0 0 20px #000a;display:flex;flex-direction:column}app-header,app-footer{background:linear-gradient(90deg,#000 0% 20%,#b31217 60%,#000);color:#fff;text-align:center;padding:30px 0 20px;letter-spacing:2px;font-size:2rem;font-weight:700;border-radius:0 0 20px 20px;box-shadow:0 4px 20px #b3121740;margin-bottom:20px}app-footer{margin-top:20px;font-size:1.1rem;padding:15px 0;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#000,#b31217)}@media (max-width: 900px){.main-layout{flex-direction:column;gap:10px;width:100vw;height:auto}app-left-sidebar,app-right-sidebar{flex:0 0 auto;min-height:80px;height:auto;padding:10px 4px;font-size:.95rem}app-main-content{padding:16px 6px;font-size:1rem}app-header,app-footer{font-size:1.1rem;padding:16px 0 10px;margin-bottom:10px}app-footer{margin-top:10px;padding:10px 0}}@media (max-width: 600px){.main-layout{gap:4px}app-header,app-footer{font-size:.95rem;padding:10px 0 6px}app-main-content{padding:8px 2px;font-size:.95rem}}