:root{--bg-dark: #0f172a;--bg-panel: #1e293b;--text-main: #f8fafc;--text-muted: #94a3b8;--accent-color: #3b82f6;--success-color: #10b981;--danger-color: #ef4444;--font-family: "Inter", system-ui, -apple-system, sans-serif}body{margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-family);-webkit-font-smoothing:antialiased}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{padding:1rem 2rem;background-color:var(--bg-panel);border-bottom:1px solid #334155}.app-header h1{margin:0;font-size:1.5rem;font-weight:600;color:var(--accent-color)}.app-content{flex:1;padding:2rem;display:flex;justify-content:center;align-items:center}.dashboard-placeholder{text-align:center;background-color:var(--bg-panel);padding:3rem;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-placeholder h2{margin-top:0}.dashboard-placeholder p{color:var(--text-muted)}.layout-container{display:flex;min-height:100vh;background-color:var(--bg-dark)}.layout-sidebar{width:250px;background-color:var(--bg-panel);border-right:1px solid #334155;display:flex;flex-direction:column;padding:1.5rem 0}.layout-main{flex:1;padding:2rem;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;color:var(--text-main);border-radius:8px;transition:background-color .2s}.nav-link:hover{background-color:#334155}.logout-btn{width:100%;background:transparent;border:none;cursor:pointer;text-align:left;color:var(--danger-color)}@media (max-width: 768px){.layout-container{flex-direction:column}.layout-sidebar{width:100%;border-right:none;border-bottom:1px solid #334155;padding:1rem 0}.layout-sidebar nav{flex-direction:row;overflow-x:auto}.layout-main{padding:1rem}.nav-link{white-space:nowrap}}