:root{--primary-color:#3b82f6;--primary-color-hover:#2563eb;--secondary-color:#1e40af;--bg-color:#f8fafc;--card-bg:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#e2e8f0;--font-family:"Inter", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased}.glass-panel{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d;box-shadow:0 4px 6px -1px #0000000d}.hover-lift{transition:transform .2s,box-shadow .2s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.hover-bg-gray:hover{background-color:var(--border-color)}.btn-primary{background-color:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:500;transition:background-color .2s,transform .1s}.btn-primary:hover{background-color:var(--primary-color-hover)}.btn-primary:active{transform:scale(.97)}.layout-container{height:100vh;display:flex;overflow:hidden}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color);flex-direction:column;width:250px;padding:1.5rem 1rem;display:flex}.main-content{flex-direction:column;flex:1;padding:2rem;display:flex;overflow-y:auto}