@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=Syne:wght@400;500;600;700;800&display=swap";:root{--font-display: "Syne", sans-serif;--font-body: "JetBrains Mono", monospace;--font-serif: "Instrument Serif", serif;--accent-primary: #00fff0;--accent-primary-dim: #00d4c7;--accent-primary-glow: rgba(0, 255, 240, .4);--accent-secondary: #ff3366;--accent-secondary-dim: #e62958;--accent-tertiary: #8b5cf6;--accent-tertiary-dim: #7c3aed;--neutral-50: #fafaf9;--neutral-100: #f5f5f4;--neutral-200: #e7e5e4;--neutral-300: #d6d3d1;--neutral-400: #a8a29e;--neutral-500: #78716c;--neutral-600: #57534e;--neutral-700: #44403c;--neutral-800: #292524;--neutral-900: #1c1917;--neutral-950: #0c0a09;--bg-app: #faf9f7;--bg-canvas: #ffffff;--bg-elevated: #ffffff;--bg-inset: #f5f4f2;--bg-interactive: #f0efed;--bg-interactive-hover: #e8e7e5;--text-primary: #1c1917;--text-secondary: #57534e;--text-tertiary: #78716c;--text-muted: #a8a29e;--text-inverse: #fafaf9;--border-subtle: #e7e5e4;--border-default: #d6d3d1;--border-strong: #a8a29e;--border-accent: var(--accent-primary);--shadow-sm: 0 1px 2px rgba(28, 25, 23, .04);--shadow-md: 0 4px 12px rgba(28, 25, 23, .08);--shadow-lg: 0 12px 40px rgba(28, 25, 23, .12);--shadow-xl: 0 24px 80px rgba(28, 25, 23, .16);--shadow-glow: 0 0 40px var(--accent-primary-glow);--shadow-glow-sm: 0 0 20px var(--accent-primary-glow);--sidebar-bg: #1c1917;--sidebar-text: #fafaf9;--sidebar-text-muted: #a8a29e;--sidebar-border: #292524;--sidebar-active: var(--accent-primary);--card-bg: #ffffff;--card-border: #e7e5e4;--card-shadow: var(--shadow-md);--input-bg: #ffffff;--input-border: #d6d3d1;--input-border-focus: var(--accent-primary);--input-text: var(--text-primary);--input-placeholder: var(--text-muted);--status-success: #10b981;--status-warning: #f59e0b;--status-error: #ef4444;--status-info: #3b82f6;--gradient-accent: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-tertiary) 100%);--gradient-warm: linear-gradient(135deg, #ff3366 0%, #ff6b35 100%);--gradient-cool: linear-gradient(135deg, #00fff0 0%, #8b5cf6 100%);--gradient-dark: linear-gradient(180deg, #1c1917 0%, #0c0a09 100%);--gradient-mesh: radial-gradient(ellipse at 20% 0%, rgba(0, 255, 240, .08) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(139, 92, 246, .06) 0%, transparent 50%), radial-gradient(ellipse at 0% 80%, rgba(255, 51, 102, .04) 0%, transparent 50%);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s}[data-theme=dark]{--bg-app: #0c0a09;--bg-canvas: #1c1917;--bg-elevated: #292524;--bg-inset: #1c1917;--bg-interactive: #292524;--bg-interactive-hover: #44403c;--text-primary: #fafaf9;--text-secondary: #d6d3d1;--text-tertiary: #a8a29e;--text-muted: #78716c;--text-inverse: #1c1917;--border-subtle: #292524;--border-default: #44403c;--border-strong: #57534e;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 80px rgba(0, 0, 0, .6);--shadow-glow: 0 0 60px var(--accent-primary-glow);--sidebar-bg: #0c0a09;--sidebar-border: #1c1917;--card-bg: #1c1917;--card-border: #292524;--input-bg: #292524;--input-border: #44403c;--gradient-mesh: radial-gradient(ellipse at 20% 0%, rgba(0, 255, 240, .12) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, rgba(139, 92, 246, .1) 0%, transparent 50%), radial-gradient(ellipse at 0% 80%, rgba(255, 51, 102, .06) 0%, transparent 50%)}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;font-family:var(--font-body);font-size:.875rem;line-height:1.6;color:var(--text-primary);background:var(--bg-app)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:0}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}h6{font-size:.875rem}.font-display{font-family:var(--font-display)}.font-body{font-family:var(--font-body)}.font-serif{font-family:var(--font-serif)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full);border:2px solid var(--bg-inset)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-default)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-primary-glow)}50%{box-shadow:0 0 40px var(--accent-primary-glow),0 0 60px var(--accent-primary-glow)}}@keyframes borderGlow{0%,to{border-color:var(--accent-primary);box-shadow:0 0 #00fff000}50%{border-color:var(--accent-primary);box-shadow:0 0 20px var(--accent-primary-glow)}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out-expo)}.animate-slide-up{animation:slideUp var(--duration-slow) var(--ease-out-expo)}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out-expo)}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out-expo)}.animate-scale-in{animation:scaleIn var(--duration-normal) var(--ease-out-back)}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.hover-lift{transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo)}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--duration-fast) var(--ease-out-back)}.hover-scale:hover{transform:scale(1.02)}.hover-glow{transition:box-shadow var(--duration-normal) var(--ease-out-expo)}.hover-glow:hover{box-shadow:var(--shadow-glow-sm)}.glass{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#1c1917cc;border:1px solid rgba(255,255,255,.05)}.gradient-text{background:var(--gradient-cool);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-border{border:2px solid var(--accent-primary)}.accent-border-glow{border:2px solid var(--accent-primary);box-shadow:var(--shadow-glow-sm)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:.625rem;font-weight:600;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-sm);background:var(--accent-primary);color:var(--neutral-950)}.tag-new{background:var(--accent-secondary);color:#fff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.btn-primary{background:var(--accent-primary);color:var(--neutral-950)}.btn-primary:hover{background:var(--accent-primary-dim);transform:translateY(-2px);box-shadow:var(--shadow-glow-sm)}.btn-secondary{background:var(--bg-interactive);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-interactive-hover);border-color:var(--accent-primary)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-interactive);color:var(--accent-primary)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out-expo)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--input-text);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out-expo)}.input::placeholder{color:var(--input-placeholder)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-family:var(--font-display);font-size:.75rem;font-weight:600;border-radius:var(--radius-full);background:var(--bg-interactive);color:var(--text-secondary)}.badge-accent{background:var(--accent-primary);color:var(--neutral-950)}.app-container{display:flex;height:100vh;width:100%;background:var(--bg-app);overflow:hidden;font-family:var(--font-body)}.sidebar{width:288px;background:var(--sidebar-bg);display:flex;flex-direction:column;border-right:1px solid var(--sidebar-border);position:relative;z-index:10}.sidebar-header{padding:var(--space-6);border-bottom:1px solid var(--sidebar-border)}.sidebar-content{flex:1;overflow-y:auto;padding:var(--space-4)}.sidebar-footer{padding:var(--space-4);border-top:1px solid var(--sidebar-border)}.nav-section-title{padding:var(--space-2) var(--space-4);font-family:var(--font-display);font-size:.625rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--sidebar-text-muted)}.nav-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-display);font-size:.875rem;font-weight:500;color:var(--sidebar-text-muted);background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.nav-item:hover{color:var(--sidebar-text);background:#ffffff0d}.nav-item.active{color:var(--neutral-950);background:var(--accent-primary);box-shadow:0 4px 12px var(--accent-primary-glow)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.content-area{flex:1;overflow:auto;padding:var(--space-6)}.pdf-container{min-height:100%;background:var(--bg-canvas);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.pdf-container:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background:linear-gradient(135deg,var(--accent-primary) 0%,transparent 60%);opacity:.08;pointer-events:none}.pdf-container:after{content:"";position:absolute;bottom:0;left:0;width:100px;height:100px;background:linear-gradient(-45deg,var(--accent-tertiary) 0%,transparent 60%);opacity:.06;pointer-events:none}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6);padding:var(--space-6)}.tool-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--duration-normal) var(--ease-out-expo)}.tool-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-glow-sm),var(--shadow-md);transform:translateY(-2px)}.tool-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4)}.tool-card-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.tool-card-title{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--text-primary);margin:0}.tool-card-body{display:flex;flex-direction:column;gap:var(--space-4)}.form-label{display:block;font-family:var(--font-display);font-size:.75rem;font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.02em}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;transition:all var(--duration-fast) var(--ease-out-expo)}.form-input::placeholder{color:var(--text-muted)}.form-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.form-select{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--text-primary);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.form-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-glow)}.file-input-wrapper{position:relative}.file-input{width:100%;font-size:.875rem;color:var(--text-secondary)}.file-input::file-selector-button{padding:var(--space-2) var(--space-4);margin-right:var(--space-3);font-family:var(--font-display);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--neutral-950);background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.file-input::file-selector-button:hover{background:var(--accent-primary-dim)}.btn-tool{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-family:var(--font-display);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.02em;color:var(--neutral-950);background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.btn-tool:hover:not(:disabled){background:var(--accent-primary-dim);transform:translateY(-2px);box-shadow:var(--shadow-glow-sm)}.btn-tool:disabled{opacity:.5;cursor:not-allowed}.status-success{padding:var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--status-success);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg)}.status-error{padding:var(--space-4);font-family:var(--font-body);font-size:.875rem;color:var(--status-error);background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg)}.page-header{padding:var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-canvas)}.page-title{font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2) 0}.page-subtitle{font-size:.875rem;color:var(--text-secondary);margin:0}.divider{height:1px;background:linear-gradient(to right,transparent,var(--border-default),transparent);margin:var(--space-6) 0}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16);text-align:center}.empty-state-icon{width:64px;height:64px;color:var(--text-muted);margin-bottom:var(--space-4)}.empty-state-title{font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-text{font-size:.875rem;color:var(--text-secondary);margin:0;max-width:320px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-3);font-size:.75rem;color:var(--sidebar-text);background:var(--sidebar-bg);border-radius:var(--radius-md);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out-expo)}.tooltip:hover:after{opacity:1}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .3s ease-out}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-slide-up{animation:slide-up .4s ease-out}@keyframes pulse-soft{0%,to{opacity:1}50%{opacity:.7}}.animate-pulse-soft{animation:pulse-soft 2s ease-in-out infinite}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#94a3b84d;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#94a3b880}