*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}h1{margin-bottom:24px;font-size:24px;font-weight:500}.form-group{margin-bottom:20px}label{display:block;margin-bottom:8px;font-size:14px;color:var(--label-color)}input{width:100%;padding:12px;background:var(--surface-color);border:1px solid var(--border-color);border-radius:4px;font-size:16px;color:var(--text-color)}input:focus{outline:none;border-color:#2196f3}button{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background .2s}button:hover{background:var(--primary-hover)}button.secondary{background:transparent;color:#666;margin-top:12px}button.secondary:hover{background:#f5f5f5}.message{margin-top:16px;padding:12px;border-radius:4px;font-size:14px;text-align:center}.error-message{background:#ffebee;color:#c62828}.success-message{background:#e8f5e9;color:#2e7d32}[data-theme=dark]{--bg-color: #121212;--surface-color: #1e1e1e;--text-color: #e0e0e0;--label-color: #9e9e9e;--border-color: #333;--primary-color: #64b5f6;--primary-hover: #42a5f5}[data-theme=light]{--bg-color: #f5f5f5;--surface-color: white;--text-color: #333;--label-color: #666;--border-color: #ddd;--primary-color: #2196f3;--primary-hover: #1976d2}.theme-toggle{position:absolute;top:20px;right:20px;padding:8px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface-color);border:1px solid var(--border-color);cursor:pointer;color:var(--text-color)}.dashboard-content{text-align:center;padding:20px 0}.dashboard-content p{margin-bottom:20px;color:var(--text-color)}#app{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.auth-container{background:var(--surface-color);padding:40px;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%;max-width:400px}#app:has(.dashboard){padding:0;display:block;align-items:initial;justify-content:initial}.dashboard[data-v-c4b1f1dd]{display:grid;grid-template-columns:250px 1fr;width:100%;min-height:100vh}.dashboard-nav[data-v-c4b1f1dd]{background:var(--surface-color);padding:1rem;border-right:1px solid var(--border-color)}.dashboard-main[data-v-c4b1f1dd]{padding:2rem;background:var(--bg-color)}.dashboard-header[data-v-c4b1f1dd]{margin-bottom:2rem}.dashboard-grid[data-v-c4b1f1dd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.dashboard-card[data-v-c4b1f1dd]{background:var(--surface-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px #0000001a}.card-content[data-v-c4b1f1dd]{margin-top:1rem}.action-btn[data-v-c4b1f1dd]{display:block;width:100%;margin:.5rem 0;padding:.5rem}.nav-user[data-v-c4b1f1dd]{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--border-color)}.nav-header h2[data-v-c4b1f1dd]{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem}.logout-btn[data-v-c4b1f1dd]{margin-top:.5rem;width:100%}.nav-user span[data-v-c4b1f1dd]{display:block;color:var(--text-color);margin-bottom:.5rem}