:root{--bg-app: #050511;--bg-panel: rgba(20, 20, 35, .6);--glass-border: rgba(255, 255, 255, .1);--primary: #9b59b6;--primary-hover: #8e44ad;--accent: #3498db;--text-primary: #ffffff;--text-secondary: #bdc3c7;--font-family: "Inter", system-ui, -apple-system, sans-serif;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--shadow-lg: 0 10px 40px rgba(0, 0, 0, .5);--transition: all .3s cubic-bezier(.25, .8, .25, 1)}body{margin:0;padding:0;font-family:var(--font-family);background:radial-gradient(circle at top left,#1a1a2e,var(--bg-app));background-attachment:fixed;color:var(--text-primary);min-height:100vh;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;min-height:100vh;width:100%}.glass{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 4px 30px #0000001a}.glass-panel{background:#1e1e3266;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg)}button{cursor:pointer;border:none;font-family:inherit;transition:var(--transition)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;padding:12px 24px;border-radius:var(--radius-md);font-weight:600;font-size:1rem;box-shadow:0 4px 15px #9b59b64d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #9b59b680}.input-field{background:#0003;border:1px solid var(--glass-border);color:#fff;padding:12px 16px;border-radius:var(--radius-md);font-size:1rem;width:100%;box-sizing:border-box;transition:var(--transition)}.input-field:focus{outline:none;border-color:var(--accent);background:#0006}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 40px;height:70px;position:sticky;top:0;z-index:100}.logo{font-size:1.5rem;font-weight:800;background:linear-gradient(to right,#fff,#a0a0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.user-info{display:flex;align-items:center;gap:20px}.btn-logout{background:#ffffff1a;color:#fff;padding:8px 16px;border-radius:8px;font-size:.9rem}.btn-logout:hover{background:#fff3}.app-content{flex:1;padding:0;overflow:hidden}