:root{--primary: #3b82f6;--primary-hover: #2563eb;--bg-color: #0f172a;--surface-color: #1e293b;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: #334155;--success: #10b981;--warning: #f59e0b;--danger: #ef4444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;color:var(--text-primary)}button{font-family:inherit;cursor:pointer;border:none;outline:none}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--surface-color);border-right:1px solid var(--border-color);padding:20px;display:flex;flex-direction:column}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto}.header{height:64px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;padding:0 24px;background-color:var(--surface-color)}.dashboard{padding:24px;max-width:1200px;margin:0 auto;width:100%}.card{background-color:var(--surface-color);border-radius:12px;padding:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-color);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}