body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{min-height:30vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(20px + 2vmin);color:#000}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-form{display:flex;flex-direction:column;gap:1rem;max-width:400px;margin:auto}.password-reset{text-align:center;margin-bottom:20px}:root{--dashboard-bg: #f4f7f6;--dashboard-text: #333;--dashboard-heading: #2c3e50;--dashboard-subtext: #7f8c8d;--dashboard-card-bg: #fff;--dashboard-card-hover-border: #ccc;--dashboard-border: #e0e0e0;--dashboard-title: #34495e;--dashboard-desc: #555;--dashboard-footer-bg: #ecf0f1;--dashboard-footer-text: #777}body[data-mode=dark]{--dashboard-bg: #121212;--dashboard-text: #e8e8e8;--dashboard-heading: #90caf9;--dashboard-subtext: #a0a0a0;--dashboard-card-bg: #1e1e1e;--dashboard-card-hover-border: #555;--dashboard-border: rgba(255, 255, 255, .12);--dashboard-title: #e0e0e0;--dashboard-desc: #a0a0a0;--dashboard-footer-bg: #1a1a1a;--dashboard-footer-text: #888}.dashboard-wrapper{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box;background-color:var(--dashboard-bg);color:var(--dashboard-text)}.dashboard-content{padding:20px;flex:1;display:flex;flex-direction:column;align-items:stretch;max-width:1200px;margin:0 auto}.dashboard-header{text-align:center;margin-bottom:30px}.dashboard-header h2{color:var(--dashboard-heading);margin-bottom:10px}.dashboard-header p{color:var(--dashboard-subtext)}.dashboard-sections-grid{display:grid;gap:25px;margin-bottom:30px}@media (min-width: 1024px){.dashboard-sections-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1023px){.dashboard-sections-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.dashboard-section-card{background-color:var(--dashboard-card-bg);border-radius:8px;padding:25px;box-shadow:0 4px 8px #0000000d;text-decoration:none;color:inherit;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;border:1px solid var(--dashboard-border)}.dashboard-section-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px #0000001a;border-color:var(--dashboard-card-hover-border)}.section-icon{font-size:2.5em;color:#3498db;margin-bottom:15px}.dashboard-section-card h3{margin-top:0;margin-bottom:10px;color:var(--dashboard-title)}.dashboard-section-card p{color:var(--dashboard-desc);font-size:.95em;line-height:1.4;margin-bottom:20px}.section-arrow{text-align:right;color:#3498db;font-size:1.5em;opacity:.7;transition:opacity .2s ease-in-out}.dashboard-section-card:hover .section-arrow{opacity:1}.usage-summary,.no-subscription-message,.verification-message{background-color:var(--dashboard-card-bg);border-radius:8px;padding:20px;box-shadow:0 2px 4px #00000008;margin-bottom:20px;border:1px solid var(--dashboard-border)}.usage-summary h3{margin-top:0;margin-bottom:15px;color:var(--dashboard-title)}.usage-summary ul,.no-subscription-message ul,.verification-message ul{list-style:none;padding:0;margin:5px 0}.usage-summary ul li,.no-subscription-message ul li,.verification-message ul li{margin-bottom:8px;color:var(--dashboard-desc)}.footer{text-align:center;padding:20px;background-color:var(--dashboard-footer-bg);color:var(--dashboard-footer-text);border-top:1px solid var(--dashboard-border)}.footer a{color:#3498db;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 768px){.dashboard-content{padding:15px}.dashboard-sections-grid{gap:20px;grid-template-columns:1fr}.dashboard-section-card{padding:20px}.section-icon{font-size:2em;margin-bottom:10px}.dashboard-section-card h3{font-size:1.2em}.dashboard-section-card p{font-size:.9em}}