.spinner-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#232526}.loading-spinner{width:50px;height:50px;border:5px solid #333;border-top:5px solid #f0ad4e;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}*{margin:0;padding:0;box-sizing:border-box;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{background-color:#121212;color:#fff;min-height:100vh;width:100vw;overflow-x:hidden}h1,h2,h3,h4{color:#f0ad4e}.dashboard-container{display:flex;flex-direction:column;min-height:100vh;width:100vw;background:#232526}.dashboard-header{background-color:#181818;color:#f0ad4e;padding:1rem;text-align:center;border-bottom:1px solid #333}.dashboard-content{display:flex;flex:1;min-height:0;padding:1rem;gap:1rem;height:auto}@media (max-width: 900px){.dashboard-content{flex-direction:column;padding:.5rem;gap:.5rem;height:auto}.left-panel,.center-panel,.right-panel{width:100%;min-width:0;margin:0 0 1rem;border-radius:8px;padding:.5rem;box-shadow:none}}@media (max-width: 600px){.dashboard-header{font-size:1.1rem;padding:.5rem}.dashboard-content{padding:.25rem;gap:.25rem}.left-panel,.center-panel,.right-panel{padding:.25rem;font-size:.95rem;border-radius:4px}}.left-panel{flex:2;padding:1rem;background-color:#181818;margin-right:1rem;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid #333}.right-panel{flex:1;padding:1rem;background-color:#181818;border-radius:8px;box-shadow:0 4px 12px #0000004d;border:1px solid #333}.placeholder{display:flex;align-items:center;justify-content:center;height:100%;color:#f0ad4e;font-size:1.2rem}