.navbar[data-v-f95433b6]{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.navbar-inner[data-v-f95433b6]{height:100%;display:flex;align-items:center;gap:var(--space-xl)}.brand[data-v-f95433b6]{display:flex;align-items:center;gap:var(--space-sm);text-decoration:none;flex-shrink:0}.brand-icon[data-v-f95433b6]{font-size:1.5rem;line-height:1}.brand-name[data-v-f95433b6]{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em}.nav-links[data-v-f95433b6]{display:flex;align-items:center;gap:var(--space-xs);list-style:none;flex:1}.nav-links a[data-v-f95433b6]{padding:.375rem .875rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;transition:all var(--transition-fast)}.nav-links a[data-v-f95433b6]:hover{color:var(--color-text-primary);background:var(--color-surface-2)}.nav-links a.active[data-v-f95433b6]{color:var(--color-primary);background:#e8622a14}.nav-user[data-v-f95433b6]{display:flex;align-items:center;gap:var(--space-sm);padding:.375rem .75rem .375rem .375rem;border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:background var(--transition-fast);border:1px solid transparent}.nav-user[data-v-f95433b6]:hover{background:var(--color-surface-2);border-color:var(--color-border)}.user-avatar[data-v-f95433b6]{width:32px;height:32px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;font-family:var(--font-heading);flex-shrink:0}.username[data-v-f95433b6]{font-size:.9rem;font-weight:500;color:var(--color-text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown[data-v-f95433b6]{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--space-xs);z-index:200;animation:fadeIn .15s ease}.dropdown-item[data-v-f95433b6]{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:.9rem;color:var(--color-text-primary);text-decoration:none;transition:background var(--transition-fast);text-align:left;cursor:pointer;background:none;border:none;font-family:var(--font-body)}.dropdown-item[data-v-f95433b6]:hover{background:var(--color-surface-2)}.logout-btn[data-v-f95433b6]{color:var(--uv-very-high)}@media (max-width: 600px){.username[data-v-f95433b6]{display:none}.nav-links a[data-v-f95433b6]{padding:.375rem .5rem;font-size:.875rem}}#app-root[data-v-e44c400b]{min-height:100vh;display:flex;flex-direction:column}main[data-v-e44c400b]{flex:1}main.with-nav[data-v-e44c400b]{padding-top:var(--nav-height)}:root{--color-bg: #fafaf7;--color-surface: #ffffff;--color-surface-2: #f3f2ed;--color-border: #e5e4dc;--color-text-primary: #1a1a18;--color-text-secondary: #5a5a54;--color-text-muted: #9a9a90;--color-primary: #e8622a;--color-primary-dark: #c44e1e;--color-primary-light:#f5906a;--color-accent: #f5c842;--color-accent-dark: #d4a824;--uv-low: #4caf50;--uv-moderate: #ffeb3b;--uv-high: #ff9800;--uv-very-high: #f44336;--uv-extreme: #9c27b0;--font-heading: "Syne", sans-serif;--font-body: "DM Sans", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 12px rgba(0,0,0,.08), 0 2px 4px rgba(0,0,0,.05);--shadow-lg: 0 10px 30px rgba(0,0,0,.1), 0 4px 8px rgba(0,0,0,.06);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s ease;--nav-height: 64px;--content-max-width: 1200px;--sidebar-width: 240px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.2;color:var(--color-text-primary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{display:block;max-width:100%}button{font-family:var(--font-body);cursor:pointer;border:none;background:none}input,textarea,select{font-family:var(--font-body);font-size:inherit}.container{width:100%;max-width:var(--content-max-width);margin:0 auto;padding:0 var(--space-xl)}.card{background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;gap:var(--space-sm);padding:.625rem 1.25rem;border-radius:var(--radius-sm);font-size:.9375rem;font-weight:500;transition:all var(--transition-fast);cursor:pointer;white-space:nowrap}.btn-primary{background:var(--color-primary);color:#fff;border:2px solid var(--color-primary)}.btn-primary:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn-secondary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background:var(--color-primary);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-secondary);border:2px solid var(--color-border)}.btn-ghost:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.form-input{width:100%;padding:.625rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);outline:none}.form-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #e8622a1f}.form-input.error{border-color:var(--uv-very-high)}.form-label{display:block;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--space-xs)}.error-msg{color:var(--uv-very-high);font-size:.8125rem;margin-top:var(--space-xs)}.badge{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.02em}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.fade-in{animation:fadeIn .35s ease both}.slide-in{animation:slideInRight .35s ease both}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width: 768px){.container{padding:0 var(--space-md)}}