.fade-enter-active,.fade-leave-active{transition:opacity .25s ease}.fade-enter-from,.fade-leave-to{opacity:0}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1}.user-greeting{font-size:14px;color:var(--text-muted)}@media (max-width: 768px){.nav-container{flex-direction:column;gap:15px}.nav-links{flex-wrap:wrap;justify-content:center;gap:12px}.user-greeting{display:none}}:root{--font-heading: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--hue-primary: 224;--hue-accent: 250;--primary: hsl(var(--hue-primary), 90%, 55%);--primary-hover: hsl(var(--hue-primary), 95%, 45%);--accent: hsl(var(--hue-accent), 85%, 60%);--accent-light: hsla(var(--hue-accent), 85%, 60%, .15);--success: hsl(142, 70%, 45%);--warning: hsl(38, 92%, 50%);--error: hsl(350, 80%, 55%);--bg-app: hsl(210, 20%, 98%);--bg-surface: hsl(0, 0%, 100%);--bg-card: hsla(210, 20%, 100%, .7);--border-color: hsla(220, 15%, 85%, .6);--text-main: hsl(220, 40%, 15%);--text-muted: hsl(220, 15%, 45%);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .05);--shadow-md: 0 8px 30px -10px rgba(0, 0, 0, .08);--shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, .12);--glass-blur: blur(16px);--glass-border: hsla(0, 0%, 100%, .4);--glass-bg: hsla(0, 0%, 100%, .45)}[data-theme=dark]{--bg-app: hsl(224, 71%, 4%);--bg-surface: hsl(224, 71%, 6%);--bg-card: hsla(224, 71%, 6%, .65);--border-color: hsla(224, 50%, 18%, .55);--text-main: hsl(210, 40%, 98%);--text-muted: hsl(220, 15%, 65%);--shadow-sm: 0 2px 8px -2px rgba(0, 0, 0, .3);--shadow-md: 0 8px 30px -10px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 50px -15px rgba(0, 0, 0, .7);--glass-blur: blur(20px);--glass-border: hsla(224, 50%, 18%, .4);--glass-bg: hsla(224, 71%, 4%, .6)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,border-color .3s ease}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;color:var(--text-main);line-height:1.25}a{color:var(--primary);text-decoration:none;font-weight:500}a:hover{color:var(--primary-hover)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.header{position:sticky;top:0;z-index:100;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-bottom:1px solid var(--border-color);padding:15px 0}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo-link{display:flex;align-items:center;gap:10px;font-family:var(--font-heading);font-size:24px;font-weight:800;color:var(--text-main)}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800}.nav-links{display:flex;align-items:center;gap:20px}.nav-link{color:var(--text-muted);font-weight:500}.nav-link:hover,.nav-link.router-link-active{color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:12px;font-family:var(--font-heading);font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 4px 15px -3px hsla(var(--hue-primary),90%,55%,.4)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px -5px hsla(var(--hue-primary),90%,55%,.6)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-surface);color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--border-color);transform:translateY(-1px)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#cf1736}.btn-icon{width:42px;height:42px;padding:0;border-radius:50%}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:24px;padding:24px;box-shadow:var(--shadow-md)}@keyframes pulse-radar{0%{transform:scale(.95);opacity:.8;box-shadow:0 0 hsla(var(--hue-primary),90%,55%,.4)}70%{transform:scale(1);opacity:1;box-shadow:0 0 0 20px hsla(var(--hue-primary),90%,55%,0)}to{transform:scale(.95);opacity:.8;box-shadow:0 0 hsla(var(--hue-primary),90%,55%,0)}}.pulsing-radar{animation:pulse-radar 2.5s infinite cubic-bezier(.4,0,.6,1)}@keyframes slide-in{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.animate-slide-in{animation:slide-in .4s cubic-bezier(.4,0,.2,1) forwards}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;font-size:14px;color:var(--text-muted);margin-bottom:8px}.form-input{width:100%;padding:12px 16px;border-radius:12px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-body);font-size:15px;outline:none;transition:all .2s ease}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px hsla(var(--hue-primary),90%,55%,.15)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:1000;display:flex;flex-direction:column;gap:12px}.toast{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);color:var(--text-main);padding:16px 24px;border-radius:16px;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:12px;font-weight:500;min-width:300px;animation:slide-in .3s cubic-bezier(.4,0,.2,1)}.toast-success{border-left:4px solid var(--success)}.toast-error{border-left:4px solid var(--error)}.toast-info{border-left:4px solid var(--primary)}.theme-toggle{background:none;border:none;color:var(--text-muted);font-size:20px;cursor:pointer}.theme-toggle:hover{color:var(--text-main)}