:root{--purple:#a855f7;--light-bg:#f5f6f8;--dark-bg:#121212;--text-light:#111827;--text-dark:#f9f9f9;--border-light:#e5e7eb;--border-dark:#333;--gap:16px}.page-layout{display:flex;min-height:100vh;font-family:Arial,sans-serif;transition:background .3s ease,color .3s ease}.page-layout.light{background-color:var(--light-bg);color:var(--text-light);--overview-bg:#ffffff;--overview-border:var(--border-light)}.page-layout.dark{background-color:var(--dark-bg);color:var(--text-dark);--overview-bg:#1e1e1e;--overview-border:var(--border-dark)}.sidebar{width:280px;display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:background .3s ease,color .3s ease}.sidebar-light{background-color:#ffffff;color:var(--text-light);border-right:1px solid var(--border-light)}.sidebar-dark{background-color:#1e1e1e;color:var(--text-dark);border-right:1px solid var(--border-dark)}.logo{font-size:22px;font-weight:700;color:var(--purple);text-decoration:none}.logo,.sidebar-section{margin-bottom:20px}.sidebar-label{font-size:12px;font-weight:700;margin-bottom:6px;opacity:.6}.sidebar-section a{display:block;margin:4px 0;text-decoration:none;color:inherit;font-size:14px;opacity:.9;transition:opacity .2s ease}.sidebar-section a:hover{opacity:1;text-decoration:underline}.sidebar-bottom{border-top:1px solid rgba(200,200,200,.15);padding-top:15px;margin-top:auto}.credits-display{display:flex;justify-content:space-between;font-weight:700;font-size:14px;color:var(--purple)}.credits-display,.theme-toggle{cursor:pointer;margin-bottom:10px}.theme-toggle{font-size:18px;background:none;border:none;color:inherit}.profile-panel{font-size:13px}.profile-panel .username{font-weight:700}.profile-panel .email,.profile-panel .plan{font-size:12px;opacity:.7}.profile-panel .plan{margin-top:6px}.profile-panel .upgrade-link{font-size:13px;margin-top:6px;color:var(--purple);background:none;border:none;text-decoration:underline;cursor:pointer}.main-content{flex:1 1;padding:24px;overflow-y:auto}.upload-container{text-align:left;margin-bottom:var(--gap)}.upload-container h1{font-size:1.5rem;margin-bottom:6px}.upload-container p{font-size:1rem;opacity:.85;margin:0}.upload-box{width:100%;max-width:760px;margin:12px 0 0}.overview-card{background-color:var(--overview-bg);border:1px solid var(--overview-border);border-radius:16px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.06);text-align:left}.overview-card h3{margin:0 0 10px;font-size:18px;color:var(--text-light)}.page-layout.dark .overview-card h3{color:var(--text-dark)}.overview-card ul{padding-left:16px;font-size:14px;line-height:1.6;margin:8px 0 0}.overview-card li{margin-bottom:6px}.dashboard-bottom-grid,.dashboard-overview{display:grid;grid-gap:var(--gap);gap:var(--gap);margin:0;max-width:1200px}.overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--gap);gap:var(--gap);margin:0}.dashboard-bottom-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-bottom-grid .overview-card,.overview-grid .overview-card{min-height:160px}@media (max-width:980px){.page-layout{display:block}.sidebar{width:100%;border-right:0;border-bottom:1px solid var(--overview-border)}.main-content{padding:16px}.dashboard-bottom-grid,.overview-grid{grid-template-columns:1fr}.upload-container{margin-bottom:var(--gap)}}