*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 80%,#00d4ff0f 0,#0000 60%),radial-gradient(circle at 80% 20%,#8b5cf60f 0,#0000 60%),radial-gradient(circle at 50% 40%,#06ffa50a 0,#0000 70%),linear-gradient(135deg,#05070f,#0b1220 50%,#121a26);background:radial-gradient(circle at 20% 80%,#00d4ff0f 0,#0000 60%),radial-gradient(circle at 80% 20%,#8b5cf60f 0,#0000 60%),radial-gradient(circle at 50% 40%,#06ffa50a 0,#0000 70%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);background-attachment:local;color:#f8fafc;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;overflow-x:hidden;overflow-y:auto;padding-bottom:env(safe-area-inset-bottom)}body,html{height:auto;min-height:100dvh}#root{display:flex;flex-direction:column;height:100%}:root{--color-primary:#4f8ff7;--color-primary-hover:#3b7ce6;--color-primary-light:#e1ecff;--color-secondary:#7c3aed;--color-tertiary:#14b8a6;--color-accent:#f59e0b;--color-cyber:#22d3ee;--color-neon:#06ffa5;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-purple:#8b5cf6;--color-pink:#ec4899;--bg-primary:#05070f;--bg-secondary:#0b1220;--bg-tertiary:#121a26;--bg-card:#0a0e1aeb;--bg-hover:#18203099;--bg-active:#28344bb3;--bg-glass:#0a101cc7;--bg-glow:#4f8ff70a;--text-primary:#f8fafc;--text-secondary:#e2e8f0;--text-inverse:#0a0e1a;--text-glow:#4f8ff7;--border-color:#37415180;--border-hover:#4f8ff74d;--border-focus:#4f8ff7;--border-glow:#4f8ff740;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006,0 0 12px #4f8ff70f;--shadow-lg:0 10px 25px #00000080,0 0 20px #4f8ff714;--shadow-xl:0 20px 40px #0009,0 0 25px #4f8ff71a;--shadow-glow:0 0 12px #4f8ff733;--shadow-neon:0 0 15px #22d3ee26;--space-1:0.2rem;--space-2:0.35rem;--space-3:0.5rem;--space-4:0.7rem;--space-5:0.9rem;--space-6:1rem;--space-8:1.4rem;--space-10:1.8rem;--space-12:2.2rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--sidebar-width:280px;--sidebar-width-collapsed:80px;--header-height:48px;--header-h:48px;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease}@media (prefers-color-scheme:dark){:root{--bg-primary:#05070f;--bg-secondary:#0b1220;--bg-tertiary:#121a26}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.transition-all{transition:all .25s ease;transition:all var(--transition-normal)}.app-container{background:#0000;isolation:isolate;min-height:100dvh}.app-container:before{background:radial-gradient(circle at 15% 85%,#00d4ff14 0,#0000 55%),radial-gradient(circle at 85% 15%,#8b5cf614 0,#0000 55%),radial-gradient(circle at 50% 50%,#06ffa50a 0,#0000 70%);inset:0;position:absolute;z-index:0}.app-body{display:flex;flex:1 1;min-height:0}.main-content{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#05070f;background:var(--bg-primary);flex:1 1;overflow-x:hidden;overflow-y:auto}.form-input,.form-select,.form-textarea{background:#0a101cc7;border:1px solid #37415180;border-radius:.375rem;border-radius:var(--radius-md);color:#f8fafc;padding:.35rem .5rem;padding:var(--space-2) var(--space-3);transition:all .15s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#4f8ff7;border-color:var(--border-focus);box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d}.form-input::placeholder{color:#94a3b8;color:var(--text-muted)}.btn{align-items:center;border:1px solid #0000;border-radius:.375rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.35rem;gap:var(--space-2);justify-content:center;overflow:hidden;padding:.35rem .5rem;padding:var(--space-2) var(--space-3);position:relative;text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast);white-space:nowrap}.btn:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn:hover:before{left:100%}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#4f8ff7,#7c3aed);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-color:#4f8ff7;border-color:var(--color-primary);box-shadow:0 0 20px #00d4ff4d;color:#fff}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#3b7ce6,#8b5cf6);background:linear-gradient(135deg,var(--color-primary-hover),var(--color-purple));border-color:#3b7ce6;border-color:var(--color-primary-hover);box-shadow:0 0 30px #00d4ff80;transform:translateY(-1px)}.btn-secondary{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a101cc7;background:var(--bg-glass);border-color:#37415180;border-color:var(--border-color);color:#f8fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#18203099;background:var(--bg-hover);border-color:#4f8ff74d;border-color:var(--border-hover);box-shadow:0 0 12px #4f8ff733;box-shadow:var(--shadow-glow)}.btn-ghost{background:#0000;border-color:#0000;color:#e2e8f0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:#18203099;background:var(--bg-hover);border-color:#4f8ff740;border-color:var(--border-glow);color:#f8fafc;color:var(--text-primary)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f59e0b);background:linear-gradient(135deg,var(--color-error),var(--color-accent));border-color:#ef4444;border-color:var(--color-error);box-shadow:0 0 20px #ff33664d;color:#fff}.btn-danger:hover:not(:disabled){background:linear-gradient(135deg,#ff1744,#f59e0b);background:linear-gradient(135deg,#ff1744,var(--color-accent));border-color:#ff1744;box-shadow:0 0 30px #ff336680;transform:translateY(-1px)}.btn-sm{font-size:.75rem;padding:.2rem .35rem;padding:var(--space-1) var(--space-2)}.btn-lg{font-size:1rem;padding:.5rem .7rem;padding:var(--space-3) var(--space-4)}.card{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:#0a101cc7;background:var(--bg-glass);border:1px solid #37415180;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);box-shadow:0 4px 12px #0006,0 0 12px #4f8ff70f;box-shadow:var(--shadow-md);overflow:hidden;position:relative}.card:before{background:linear-gradient(90deg,#0000,#22d3ee,#0000);background:linear-gradient(90deg,#0000,var(--color-cyber),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.card-header{background:#00d4ff08;border-bottom:1px solid #37415180;border-bottom:1px solid var(--border-color)}.card-body,.card-footer,.card-header{padding:.7rem;padding:var(--space-4)}.card-footer{background:#8b5cf608;border-top:1px solid #37415180;border-top:1px solid var(--border-color)}.table-container{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#0a101cc7;background:var(--bg-glass);border:1px solid #37415180;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;font-size:.875rem;width:100%}.table th{background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a);border-bottom:1px solid #37415180;border-bottom:1px solid var(--border-color);color:#f8fafc;color:var(--text-primary);font-weight:600;padding:.5rem;padding:var(--space-3);position:relative;text-align:left;white-space:nowrap}.table th:after{background:linear-gradient(90deg,#0000,#22d3ee,#0000);background:linear-gradient(90deg,#0000,var(--color-cyber),#0000);bottom:0;content:"";height:1px;left:0;opacity:.5;position:absolute;right:0}.table td{border-bottom:1px solid #37415180;border-bottom:1px solid var(--border-color);color:#e2e8f0;color:var(--text-secondary);padding:.5rem;padding:var(--space-3)}.table tbody tr:hover{background:linear-gradient(90deg,#00d4ff0d,#8b5cf60d);box-shadow:inset 0 0 20px #00d4ff1a}@media (max-width:768px){:root{--sidebar-width:100%;--sidebar-width-collapsed:100%}.btn{padding:.35rem;padding:var(--space-2) var(--space-2)}.card-body,.card-footer,.card-header{padding:.5rem;padding:var(--space-3)}}.loading{color:#94a3b8;padding:.9rem;padding:var(--space-5)}.spinner{border:2px solid #37415180;border-top:2px solid #4f8ff7;border:2px solid var(--border-color);border-top-color:var(--color-primary)}.focus-trap{outline:2px solid #4f8ff7;outline:2px solid var(--color-primary);outline-offset:2px}@media print{.no-print{display:none!important}}.glow-primary{box-shadow:0 0 20px #00d4ff66}.glow-secondary{box-shadow:0 0 20px #8b5cf666}.glow-success{box-shadow:0 0 20px #0f86}.glow-neon{box-shadow:0 0 20px #39ff1466}.text-cyber{color:#22d3ee;color:var(--color-cyber);text-shadow:0 0 10px #00ffff80}.text-neon{color:#06ffa5;color:var(--color-neon);text-shadow:0 0 10px #39ff1480}.text-glow{color:#4f8ff7;color:var(--text-glow);text-shadow:0 0 15px #00d4ff99}.border-animated{border:1px solid #37415180;border:1px solid var(--border-color);position:relative}.border-animated:before{animation:borderGlow 3s ease infinite;background:linear-gradient(45deg,#4f8ff7,#7c3aed,#14b8a6,#4f8ff7);background:linear-gradient(45deg,var(--color-primary),var(--color-secondary),var(--color-tertiary),var(--color-primary));background-size:400% 400%;border-radius:inherit;bottom:-1px;content:"";left:-1px;opacity:0;position:absolute;right:-1px;top:-1px;transition:opacity .3s ease;z-index:-1}.border-animated:hover:before{opacity:1}@keyframes borderGlow{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00d4ff4d}50%{box-shadow:0 0 40px #00d4ff99}}.matrix-bg{position:relative}.matrix-bg:after{background-image:linear-gradient(#00d4ff08 1px,#0000 0),linear-gradient(90deg,#00d4ff08 1px,#0000 0);background-size:20px 20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:-1}.main-content,body{scrollbar-color:#4f8ff7d9 #0000;scrollbar-width:thin}.main-content::-webkit-scrollbar,body::-webkit-scrollbar{width:8px}.main-content::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#0000}.main-content::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#4f8ff7,#22d3ee);background:linear-gradient(180deg,var(--color-primary),var(--color-cyber));background-clip:padding-box;border-color:#0000;border-radius:8px;border-style:solid;border-width:16px 3px;box-shadow:0 0 8px #4f8ff773}.main-content::-webkit-scrollbar-thumb:hover,body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3b7ce6,#22d3ee);background:linear-gradient(180deg,var(--color-primary-hover),var(--color-cyber));box-shadow:0 0 10px #4f8ff799}.main-content::-webkit-scrollbar-corner,body::-webkit-scrollbar-corner{background:#0000}.global-progress-bar{animation:progressGlow 2s ease-in-out infinite;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary),var(--color-tertiary));border-radius:0 var(--radius-sm) var(--radius-sm) 0;box-shadow:0 0 15px #00d4ffcc;height:3px;left:0;position:fixed;top:0;transition:width .3s ease-out;z-index:9999}@keyframes progressGlow{0%,to{box-shadow:0 0 15px #00d4ff99}50%{box-shadow:0 0 25px #00d4ff}}:root{--sidebar-w:var(--sidebar-width)}:root[data-sidebar=collapsed]{--sidebar-w:var(--sidebar-width-collapsed)}.App{display:flex;flex-direction:column;min-height:100dvh}.app-container{background:radial-gradient(circle at 20% 80%,#00d4ff0f 0,#0000 60%),radial-gradient(circle at 80% 20%,#8b5cf60f 0,#0000 60%),radial-gradient(circle at 50% 0,#06ffa508 0,#0000 70%),linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);display:flex;flex:1 1 auto;min-height:0;position:relative}.app-container:before{animation:backgroundShift 20s ease-in-out infinite;background:radial-gradient(circle at 10% 90%,#00d4ff14 0,#0000 60%),radial-gradient(circle at 90% 10%,#8b5cf614 0,#0000 60%),radial-gradient(circle at 50% 50%,#06ffa50d 0,#0000 80%),radial-gradient(circle at 70% 30%,#ff008008 0,#0000 50%);bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}@keyframes backgroundShift{0%,to{opacity:1}50%{opacity:.8}}.main-content{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);flex:1 1 auto;min-height:0;position:relative}@media (max-width:1024px){.app-body{flex-direction:column}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-fade-in{animation:fadeIn .3s ease-out}.animate-slide-in{animation:slideIn .3s ease-out}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading{align-items:center;color:var(--text-muted);display:flex;justify-content:center;padding:var(--space-8)}.spinner{animation:spin 1s linear infinite;border:2px solid #00d4ff33;border-radius:50%;border-top:2px solid var(--color-primary);box-shadow:0 0 20px #00d4ff4d;height:20px;width:20px}.cyber-border{border:1px solid var(--color-primary);box-shadow:inset 0 0 20px #00d4ff1a,0 0 20px #00d4ff33}.neon-glow{box-shadow:0 0 5px var(--color-primary),0 0 10px var(--color-primary),0 0 20px var(--color-primary),0 0 40px var(--color-primary)}.hologram{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#00d4ff1a,#8b5cf61a,#06ffa51a);border:1px solid #00d4ff4d}.matrix-text{color:var(--color-tertiary);font-family:Courier New,monospace;text-shadow:0 0 10px #06ffa580}.header{--header-gap:16px;grid-column-gap:var(--header-gap);align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0e1afa,#111827f2),radial-gradient(circle at 50% 0,#00d4ff1a,#0000 70%);border-bottom:1px solid #00d4ff33;box-shadow:0 3px 20px #0000004d,0 0 40px #00d4ff1a;column-gap:var(--header-gap);display:grid;grid-template-columns:1fr minmax(280px,560px) 1fr;height:var(--header-h);padding:0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.header:before{background:linear-gradient(90deg,#0000,var(--color-cyber),var(--color-secondary),var(--color-cyber),#0000);content:"";height:1px;left:0;opacity:.7;position:absolute;right:0;top:0}.header-left{align-items:center;display:flex;gap:8px;justify-self:end}.header-center{justify-self:stretch}.header-right{align-items:center;display:flex;gap:10px;justify-self:start}.header-menu-btn{background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:grid;font-size:1.4rem;height:42px;padding:0;place-items:center;transition:color .12s ease,transform .12s ease,filter .12s ease;width:42px}.header-menu-btn:active{transform:scale(.98)}.header-menu-btn.is-open{color:var(--color-primary);filter:drop-shadow(0 0 15px rgba(0,212,255,.6));text-shadow:0 0 10px #00d4ffcc}.header-menu-btn:hover{color:var(--color-primary);transform:translateY(-1px)}.no-wrap{white-space:nowrap}.header-brand{align-items:center;color:var(--text-primary);display:inline-flex;flex-shrink:0;font-size:1.05rem;font-weight:700;gap:3px;line-height:1;padding:0;text-decoration:none}.header-brand:hover{color:var(--color-primary)}.header-logo{border:1px solid #00d4ff38;border-radius:10px;box-shadow:0 2px 6px #00000059;height:30px;object-fit:cover;width:30px}.header-title{-webkit-text-fill-color:initial;background:none;-webkit-background-clip:initial;background-clip:initial;color:#fff;filter:none;font-weight:800;letter-spacing:-.012em;text-shadow:none}.header-nav{display:flex;margin-left:0;min-width:0;overflow-x:hidden}.header-nav,.nav-link{align-items:center;gap:6px}.nav-link{border-radius:10px;color:var(--text-secondary);display:inline-flex;font-size:.83rem;font-weight:600;padding:6px 10px;text-decoration:none;transition:background .15s ease,color .15s ease,transform .15s ease;white-space:nowrap}.nav-link:hover{background:#3341556b;color:var(--text-primary)}.nav-link.active{background:#3b82f61f;background:#00d4ff26;box-shadow:inset 0 0 20px #00d4ff1a;color:var(--color-primary);text-shadow:0 0 8px #00d4ff80}.header-center,.header-search{align-items:center;display:flex}.header-search{max-width:100%;position:relative;width:100%}.search-input{border-radius:10px;font-size:.88rem;height:32px;line-height:1;padding:0 12px 0 34px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.search-input:focus{background:#111827f2;box-shadow:0 0 0 3px #00d4ff33,0 0 20px #00d4ff4d}.search-input::placeholder{color:var(--text-muted)}.search-icon{font-size:.95rem;left:10px;pointer-events:none}.header-status{align-items:center;display:flex;gap:8px}.status-pill{align-items:center;border:1px solid #0000;border-radius:10px;display:inline-flex;font-size:.72rem;font-weight:700;gap:6px;letter-spacing:.04em;padding:6px 9px;text-transform:uppercase}.status-pill.env{background:#8b5cf626;border-color:#8b5cf64d;box-shadow:0 0 10px #8b5cf633;color:var(--color-purple)}.status-pill.api-ok{background:#00ff8826;border-color:#00ff884d;box-shadow:0 0 10px #0f83;color:var(--color-success)}.status-pill.api-error{background:#ff336626;border-color:#ff33664d;box-shadow:0 0 10px #f363;color:var(--color-error)}.header-actions{align-items:center;display:flex;gap:8px}.action-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:36px;justify-content:center;transition:transform .12s ease,border-color .12s ease,color .12s ease,background .12s ease;width:36px}.action-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow);color:var(--text-primary);transform:translateY(-1px)}.notification-badge{background:var(--color-error);border:2px solid var(--bg-primary);border-radius:50%;height:7px;position:absolute;right:-2px;top:-2px;width:7px}.profile-menu{position:relative}.profile-trigger{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:inline-flex;gap:8px;padding:4px 8px;transition:background .12s ease,border-color .12s ease,transform .12s ease}.profile-trigger:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.profile-avatar{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-tertiary));border-radius:8px;box-shadow:0 0 15px #00d4ff66;color:#fff;display:inline-flex;flex-shrink:0;font-size:.8rem;font-weight:800;height:26px;justify-content:center;width:26px}.profile-chevron{color:var(--text-muted);font-size:.75rem}.dropdown-menu{animation:dropdownFadeIn .16s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0e1afa;border:1px solid #00d4ff33;border-radius:12px;box-shadow:0 16px 40px #00000080,0 0 30px #00d4ff33;min-width:260px;padding:.5rem;position:absolute;right:0;top:calc(100% + .4rem);z-index:1050}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-header{background:#00d4ff0d;border-bottom:1px solid #00d4ff33;border-radius:10px;margin-bottom:.5rem;padding:.75rem}.dropdown-user-name{color:var(--text-primary);font-size:.95rem;font-weight:800}.dropdown-user-email{color:var(--text-muted);font-size:.8rem}.dropdown-item{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:.6rem;margin-bottom:.2rem;padding:.5rem .6rem;text-align:left;text-decoration:none;transition:background .12s ease,color .12s ease,transform .12s ease;width:100%}.dropdown-item:hover{background:#00d4ff1a;box-shadow:inset 0 0 20px #00d4ff1a;color:var(--text-primary);transform:translateX(2px)}.dropdown-item.danger{color:var(--color-error)}.dropdown-item.danger:hover{background:#ff336626}.dropdown-divider{background:linear-gradient(90deg,#0000,#00d4ff4d,#0000);height:1px;margin:.5rem 0}.copy-feedback{color:var(--color-success);font-size:.75rem;margin-left:.4rem}@media (max-width:1024px){.header{grid-template-columns:1fr auto 1fr}.header-center{display:none}}@media (max-width:560px){.header{padding:0 8px}.header-right{gap:6px}}.action-btn:focus-visible,.dropdown-item:focus-visible,.header-menu-btn:focus-visible,.nav-link:focus-visible,.profile-trigger:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header{column-gap:12px;grid-template-columns:auto 1fr auto;padding:0 14px}.header-left{justify-self:start}.header-right{justify-self:end}@media (max-width:1280px){.header{column-gap:10px;padding:0 12px}.nav-link{padding:6px 8px}}@media (max-width:1024px){.header{column-gap:8px;grid-template-columns:auto 1fr auto}.header-menu-btn{font-size:1.25rem;height:38px;width:38px}.header-logo{height:32px;width:32px}.header-title{font-size:.98rem}.action-btn{height:34px;width:34px}.profile-trigger{padding:4px 6px}}@media (max-width:720px){.header-status,.nav-link span{display:none}.nav-link{gap:4px;padding:8px}.action-btn{height:32px;width:32px}.profile-trigger{padding:3px 6px}.profile-avatar{font-size:.78rem;height:24px;width:24px}}@media (max-width:560px){.header{column-gap:6px;padding:0 8px}.header-menu-btn{font-size:1.15rem;height:34px;width:34px}.header-logo{border-radius:8px;height:28px;width:28px}.action-btn{height:30px;width:30px}.profile-trigger{gap:6px}.profile-chevron{display:none}.header-right{gap:6px}}@media (max-width:420px){.header-right .profile-menu:first-of-type,.header-right .profile-menu:nth-of-type(2){display:none}}:root{--drawer-w:320px;--drawer-w-max:92vw;--bg-sidebar:#0a0e1afa;--bg-elev:#111827f2;--bg-hover:#00d4ff1a;--text-primary:#f0f9ff;--text-secondary:#e0f2fe;--text-muted:#94a3b8;--border-color:#3b82f633;--radius-md:12px;--shadow-xl:0 24px 60px #0009,0 0 60px #3b82f61f;--t-fast:140ms ease;--t-normal:240ms cubic-bezier(.22,.61,.36,1)}.sb-no-scroll{overflow:hidden}.sb-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000b3;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;right:0;top:var(--header-h);transition:opacity .24s cubic-bezier(.22,.61,.36,1);transition:opacity var(--t-normal);z-index:1090}.sb-backdrop.show{opacity:1;pointer-events:auto}.sidebar-overlay{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0e1afa,#111827f2),radial-gradient(circle at 0 50%,#00d4ff14,#0000 70%);background:linear-gradient(135deg,var(--bg-sidebar),#111827f2),radial-gradient(circle at 0 50%,#00d4ff14,#0000 70%);border-right:1px solid #00d4ff2e;box-shadow:0 24px 60px #0009,0 0 60px #3b82f61f;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:calc(100vh - var(--header-h));left:0;position:fixed;top:var(--header-h);transform:translateX(-100%);transition:transform .24s cubic-bezier(.22,.61,.36,1);transition:transform var(--t-normal);width:min(320px,92vw);width:min(var(--drawer-w),var(--drawer-w-max));will-change:transform;z-index:1100}.sidebar-overlay:before{background:linear-gradient(180deg,var(--color-cyber),#8b5cf6,var(--color-tertiary));background:linear-gradient(180deg,var(--color-cyber),var(--color-secondary),var(--color-tertiary));content:"";height:100%;opacity:.6;position:absolute;right:0;top:0;width:1px}.sidebar-overlay.open{transform:translateX(0)}.sb-header{align-items:center;background:#111827f2,linear-gradient(90deg,#00d4ff0d,#0000);background:var(--bg-elev),linear-gradient(90deg,#00d4ff0d,#0000);border-bottom:1px solid #3b82f633;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:12px 14px;position:relative}.sb-header:after{background:linear-gradient(90deg,#0000,var(--color-cyber),#0000);bottom:0;content:"";height:1px;left:0;opacity:.5;position:absolute;right:0}.sb-title{color:#f0f9ff;color:var(--text-primary);letter-spacing:.01em;text-shadow:none}.sb-close{align-items:center;background:#0000;border:none;color:#e0f2fe;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:1.05rem;justify-content:center;line-height:0;padding:0;transition:color .15s ease,transform .12s ease}.sb-close:hover{color:#f0f9ff;color:var(--text-primary);transform:translateY(-1px)}.sb-close:focus-visible{outline:2px solid #00d4ff;outline:2px solid var(--color-primary);outline-offset:2px}.sb-nav{flex:1 1;overflow:auto;padding:10px 8px;scrollbar-color:#8c99af59 #0000;scrollbar-width:thin}.sb-nav::-webkit-scrollbar{width:8px}.sb-nav::-webkit-scrollbar-thumb{background:#8c99af59;border-radius:8px}.sb-nav::-webkit-scrollbar-track{background:#0000}.sb-footer{background:#111827f2,linear-gradient(90deg,#8b5cf60d,#0000);background:var(--bg-elev),linear-gradient(90deg,#8b5cf60d,#0000);border-top:1px solid #3b82f633;border-top:1px solid var(--border-color);color:#94a3b8;color:var(--text-muted);font-size:.8rem;padding:10px 12px;position:relative;text-align:center}.sb-footer:before{background:linear-gradient(90deg,#0000,#8b5cf6,#0000);background:linear-gradient(90deg,#0000,var(--color-secondary),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.sb-group{margin:6px 0}.sb-row{grid-column-gap:10px;align-items:center;border-radius:10px;color:#e0f2fe;color:var(--text-secondary);column-gap:10px;display:grid;grid-template-columns:24px 1fr 16px;transition:background .14s ease,color .14s ease;transition:background var(--t-fast),color var(--t-fast)}.sb-row--group{font-size:.95rem;font-weight:700;min-height:44px;padding:12px}.sb-row--sub{font-size:.88rem;font-weight:600;min-height:36px;padding:8px 10px}.sb-ico{color:#00d4ff;color:var(--color-primary);display:grid;filter:none;height:24px;line-height:0;place-items:center;width:24px}.sb-link{border-radius:10px;color:#e0f2fe;color:var(--text-secondary);display:block;margin:4px 6px;text-decoration:none;transition:transform .14s ease,box-shadow .14s ease;transition:transform var(--t-fast),box-shadow var(--t-fast)}.sb-link:hover .sb-row{background:#1d293999;border-color:#00d4ff38;color:#f0f9ff;color:var(--text-primary)}.sb-link.active .sb-row{background:#1d2939bf;box-shadow:inset 0 0 0 1px #00d4ff38;color:#f0f9ff;color:var(--text-primary);text-shadow:none}.sb-dot{color:#00d4ff;color:var(--color-primary);font-size:.45rem;justify-self:end;opacity:0;transform:scale(.85);transition:opacity .14s ease,transform .14s ease;transition:opacity var(--t-fast),transform var(--t-fast)}.sb-link.active .sb-dot{opacity:1;transform:scale(1)}.sb-group-trigger{background:#0000;border:0;cursor:pointer;margin:4px 6px;text-align:left;width:100%}.sb-group-trigger:hover{color:#f0f9ff;color:var(--text-primary)}.sb-group-trigger.open .sb-row{background:#60a5fa14;background:#1d2939a6;box-shadow:inset 0 0 0 1px #00d4ff2e}.sb-chevron{color:#94a3b8;color:var(--text-muted);justify-self:end;transition:transform .14s ease,color .14s ease;transition:transform var(--t-fast),color var(--t-fast)}.sb-chevron.rot{transform:rotate(180deg)}.sb-collapse{border-left:1px dashed #94a3b840;margin-left:8px;overflow:hidden;position:relative;transition:max-height .24s cubic-bezier(.22,.61,.36,1),opacity .24s cubic-bezier(.22,.61,.36,1),transform .24s cubic-bezier(.22,.61,.36,1);transition:max-height var(--t-normal),opacity var(--t-normal),transform var(--t-normal)}.sb-collapse:before{background:linear-gradient(180deg,var(--color-cyber),#8b5cf6);background:linear-gradient(180deg,var(--color-cyber),var(--color-secondary));bottom:0;content:"";left:-1px;opacity:0;position:absolute;top:0;transition:opacity .24s cubic-bezier(.22,.61,.36,1);transition:opacity var(--t-normal);width:1px}.sb-collapse.expanded:before{opacity:.4}.sb-collapse.collapsed{max-height:0;opacity:0;transform:translateY(-4px)}.sb-collapse.expanded{max-height:500px;opacity:1;transform:translateY(0)}@media (max-width:540px){.sidebar-overlay{width:min(92vw,360px)}}.sb-group-trigger:focus-visible .sb-row,.sb-link:focus-visible .sb-row{outline:2px solid #00d4ff;outline:2px solid var(--color-primary);outline-offset:2px}.sb-nav{padding:6px}.sb-group{margin:4px 0}.sb-link{margin:2px 6px}.sb-row--group{font-size:.92rem;min-height:40px;padding:10px}.sb-row--sub{font-size:.85rem;min-height:32px;padding:6px 8px}.sb-ico{height:20px;width:20px}.sb-collapse{margin-left:6px}.sb-header{padding:8px 10px}.sb-title{font-size:.98rem;font-weight:800}.sb-group+.sb-group{border-top:1px dashed #94a3b82e;margin-top:6px;padding-top:6px}:root{--space-1:4px;--space-2:6px;--space-3:8px;--space-4:10px;--space-5:12px;--space-6:14px;--radius:12px;--radius-lg:14px;--card-pad:var(--space-4);--grid-gap:var(--space-3);--bg-page:radial-gradient(circle at 20% 80%,#00d4ff14 0%,#0000 50%),radial-gradient(circle at 80% 20%,#8b5cf614 0%,#0000 50%),radial-gradient(circle at 40% 40%,#06ffa50a 0%,#0000 50%),radial-gradient(circle at 60% 10%,#ff008008 0%,#0000 50%),linear-gradient(135deg,#0f1629,#1a2332 50%,#243447);--bg-card:#111827f0;--bg-card-2:#1f2937e6;--bg-hover:#00d4ff1f;--text-primary:#eaf4ff;--text-secondary:#d9e7f7;--text-muted:#93a6bf;--color-primary:#00d4ff;--color-secondary:#8b5cf6;--color-tertiary:#06ffa5;--color-success:#0f8;--color-warning:#fa0;--border-color:#3b82f62e;--shadow-md:0 6px 26px #00000057,0 0 15px #3b82f61f;--shadow-lg:0 10px 36px #00000061,0 0 20px #3b82f626;--transition-fast:140ms ease;--transition-normal:220ms ease;--font-size-base:0.88rem;--font-size-sm:0.80rem;--font-size-xs:0.70rem}.homepage{min-height:100%;position:relative;z-index:1}.homepage:before{background:radial-gradient(circle at 15% 85%,#00d4ff1a 0,#0000 60%),radial-gradient(circle at 85% 15%,#8b5cf61a 0,#0000 60%),radial-gradient(circle at 50% 50%,#06ffa50f 0,#0000 70%),radial-gradient(circle at 30% 30%,#ff00800a 0,#0000 50%),radial-gradient(circle at 70% 70%,#22d3ee08 0,#0000 50%);content:"";inset:0;pointer-events:none;position:absolute}.homepage-container{margin:0 auto;max-width:1100px;padding:10px 10px 12px;padding:var(--space-4) var(--space-4) var(--space-5);padding-bottom:var(--space-8);position:relative;z-index:1}.homepage-container.compact{padding-top:8px;padding-top:var(--space-3)}.homepage-hero{margin-bottom:10px;margin-bottom:var(--space-4)}.homepage-hero.compact{margin-bottom:8px;margin-bottom:var(--space-3)}.hero-greeting{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827f0;background:var(--bg-card);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 26px #00000057,0 0 15px #3b82f61f;box-shadow:var(--shadow-md);overflow:hidden;padding:10px;padding:var(--space-4);position:relative}.hero-greeting:before{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(90deg,#0000,#00d4ff,#8b5cf6,#00d4ff,#0000);background:linear-gradient(90deg,#0000,var(--color-primary),var(--color-secondary),var(--color-primary),#0000);content:"";height:1px;left:12px;opacity:.6;position:absolute;right:12px;top:0}@keyframes shimmer{0%,to{opacity:.35}50%{opacity:.9}}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4ff,#8b5cf6,#06ffa5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px rgba(0,212,255,.35));font-size:clamp(1.05rem,2.2vw,1.6rem);font-weight:800;line-height:1.18;margin:0 0 6px;margin:0 0 var(--space-2) 0}.hero-subtitle{color:#d9e7f7;color:var(--text-secondary);font-size:.88rem;font-size:var(--font-size-base);margin:0 0 8px;margin:0 0 var(--space-3) 0}.hero-meta{color:#93a6bf;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.8rem;font-size:var(--font-size-sm);gap:6px 10px;gap:var(--space-2) var(--space-4)}.hero-meta-item{align-items:center;display:inline-flex;gap:6px;gap:var(--space-2)}.hero-actions{display:flex;gap:6px;gap:var(--space-2);position:absolute;right:10px;right:var(--space-4);top:10px;top:var(--space-4)}.btn-edit,.btn-reset{background:#1e293bd9;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:9px;color:#eaf4ff;color:var(--text-primary);cursor:pointer;font-size:.8rem;padding:5px 9px;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn-edit:hover,.btn-reset:hover{background:#334155d9;transform:translateY(-1px)}.btn-edit.on,.btn-edit:hover,.btn-reset:hover{border-color:#00d4ff;border-color:var(--color-primary)}.btn-edit.on{box-shadow:inset 0 0 0 3px #3b82f624}.homepage-search{margin:6px 0 8px;margin:var(--space-2) 0 var(--space-3)}.homepage-search.animate-on-scroll{opacity:1;transform:none}.search-container-lg{margin:0 auto;max-width:620px;position:relative}.search-input-lg{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#111827eb;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);color:#eaf4ff;color:var(--text-primary);font-size:.86rem;height:34px;padding:0 .6rem 0 2rem;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.search-input-lg:focus{background:#111827f7;border-color:#00d4ff;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff2e,0 0 18px #00d4ff40;outline:none}.search-icon-lg{color:#93a6bf;color:var(--text-muted);font-size:1rem;left:.7rem;position:absolute;top:50%;transform:translateY(-50%)}.kpi-grid{grid-gap:8px;grid-gap:var(--grid-gap);display:grid;gap:8px;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:10px;margin-bottom:var(--space-4)}.kpi-card{grid-gap:8px;grid-gap:var(--space-3);align-items:center;background:#111827f0;background:var(--bg-card);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:10px;box-shadow:0 6px 26px #00000057,0 0 15px #3b82f61f;box-shadow:var(--shadow-md);display:grid;gap:8px;gap:var(--space-3);grid-template-columns:32px 1fr auto;padding:8px;padding:var(--space-3);position:relative}.kpi-icon{background:linear-gradient(135deg,#00d4ff,#8b5cf6,#06ffa5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-tertiary));border-radius:8px;box-shadow:0 3px 10px #00d4ff47,inset 0 1px 0 #ffffff14;color:#fff;display:grid;height:32px;place-items:center;position:relative;width:32px}.kpi-icon:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:7px;content:"";inset:1px;position:absolute}.kpi-label{color:#93a6bf;color:var(--text-muted);font-size:.72rem;margin-bottom:1px}.kpi-value{color:#eaf4ff;color:var(--text-primary);font-size:1.02rem;font-weight:800}.kpi-pill{background:#00d4ff24;border-radius:999px;box-shadow:0 0 8px #00d4ff33;color:#00d4ff;color:var(--color-primary);font-size:.66rem;font-weight:800;justify-self:end;letter-spacing:.04em;padding:3px 7px;text-transform:uppercase}.kpi-pill--glow{background:#00ff8824;color:#0f8;color:var(--color-success)}.kpi-pill--warn{background:#ffaa0024;color:#fa0;color:var(--color-warning)}.kpi-trend{gap:8px;gap:var(--space-3);grid-column:1/-1}.kpi-bars,.kpi-trend{align-items:flex-end;display:flex}.kpi-bars{gap:3px;height:56px}.kpi-bars span{background:linear-gradient(180deg,#00d4ff,#00d4ff47);background:linear-gradient(180deg,var(--color-primary),#00d4ff47);box-shadow:0 2px 6px #00d4ff59;width:8px}.kpi-hint{color:#93a6bf;color:var(--text-muted);font-size:.68rem}.spotlights{grid-gap:10px;grid-gap:var(--space-4);align-items:stretch;display:grid;gap:10px;gap:var(--space-4);grid-template-columns:1.2fr 1fr;margin-top:12px;margin-top:var(--space-5)}.github-card,.spotlight-card{background:#111827f0;background:var(--bg-card);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:14px;border-radius:var(--radius-lg);box-shadow:0 6px 26px #00000057,0 0 15px #3b82f61f;box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden}.spotlight-head{align-items:center;background:#1e293b8c;border-bottom:1px solid #3b82f62e;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:6px 10px}.spotlight-title{color:#eaf4ff;color:var(--text-primary);font-size:.95rem;font-weight:800;letter-spacing:.01em}.gh-open,.spotlight-open{background:#1e293bd9;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:8px;color:#eaf4ff;color:var(--text-primary);display:grid;height:28px;place-items:center;transition:transform .12s ease,border-color .12s ease,background .12s ease;width:28px}.gh-open:hover,.spotlight-open:hover{background:#334155d9;border-color:#00d4ff;border-color:var(--color-primary);transform:translateY(-1px)}.spotlight-embed{background:#fff;flex:1 1 auto;overflow:hidden}.spotlight-embed .li-embed{border:0;-webkit-clip-path:inset(0 round 14px);clip-path:inset(0 round 14px);-webkit-clip-path:inset(0 round var(--radius-lg));clip-path:inset(0 round var(--radius-lg));display:block;height:100%!important;outline:none;scrollbar-color:#94a3b88c #0000;scrollbar-width:thin;width:100%}.spotlight-embed .li-embed::-webkit-scrollbar{height:6px;width:6px}.spotlight-embed .li-embed::-webkit-scrollbar-thumb{background:#94a3b88c;border:1px solid #ffffff80;border-radius:8px}.github-card{padding:8px}.gh-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.gh-title{align-items:center;color:#eaf4ff;color:var(--text-primary);display:inline-flex;font-size:.95rem;font-weight:800;gap:6px;gap:var(--space-2)}.gh-desc{color:#d9e7f7;color:var(--text-secondary);font-size:.8rem;font-size:var(--font-size-sm)}.gh-stats-row{display:flex;flex-wrap:wrap;gap:6px;gap:var(--space-2);margin-top:6px;margin-top:var(--space-2)}.gh-pill{align-items:center;background:#60a5fa1f;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:999px;display:inline-flex;font-size:.72rem;gap:6px;padding:3px 7px}.gh-pill,.gh-release{color:#d9e7f7;color:var(--text-secondary)}.gh-release{font-size:.8rem;font-size:var(--font-size-sm);margin-top:6px}.gh-release a{color:#00d4ff;color:var(--color-primary);text-decoration:none}.gh-release a:hover{text-decoration:underline}.gh-langs{margin-top:8px}.lang-bar{background:#ffffff0f;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:999px;display:flex;height:8px;overflow:hidden}.lang-chunk{display:block;height:100%}.lang-chunk:nth-child(5n+1){background:linear-gradient(180deg,#00d4ffe6,#00d4ff59)}.lang-chunk:nth-child(5n+2){background:linear-gradient(180deg,#8b5cf6e6,#8b5cf659)}.lang-chunk:nth-child(5n+3){background:linear-gradient(180deg,#06ffa5e6,#06ffa559)}.lang-chunk:nth-child(5n+4){background:linear-gradient(180deg,#ffaa00e6,#ffaa0059)}.lang-chunk:nth-child(5n+5){background:linear-gradient(180deg,#ff3366e6,#ff336659)}.gh-section{padding-top:8px}.gh-section+.gh-section{border-top:1px dashed #788caa40;margin-top:6px}.gh-commits,.gh-prs{list-style:none;margin:0;padding:0}.gh-commit,.gh-pr{padding:6px 0}.gh-commit+.gh-commit,.gh-pr+.gh-pr{border-top:1px dashed #788caa40}.gh-commit-msg,.gh-pr-title{color:#eaf4ff;color:var(--text-primary);font-weight:700;text-decoration:none}.gh-commit-msg:hover,.gh-pr-title:hover{color:#00d4ff;color:var(--color-primary)}.gh-commit-meta,.gh-pr-meta{align-items:center;color:#93a6bf;color:var(--text-muted);display:flex;font-size:.7rem;font-size:var(--font-size-xs);gap:6px;gap:var(--space-2);margin-top:2px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.quick-access{margin:10px 0 12px;margin:var(--space-4) 0 var(--space-5);overflow-anchor:none}.qa-section{margin-bottom:10px;margin-bottom:var(--space-4)}.qa-title{align-items:center;color:#eaf4ff;color:var(--text-primary);display:inline-flex;font-size:1rem;font-weight:750;gap:6px;gap:var(--space-2);margin:0 0 8px;margin:0 0 var(--space-3) 0}.qa-grid{grid-gap:8px;grid-gap:var(--grid-gap);display:grid;gap:8px;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.qa-item{align-items:center;background:#111827f0;background:var(--bg-card);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:10px;color:#eaf4ff;color:var(--text-primary);display:flex;gap:8px;gap:var(--space-3);padding:10px;padding:var(--space-4);text-align:left;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.qa-item:hover{background:#00d4ff1f;background:var(--bg-hover);border-color:#00d4ff;border-color:var(--color-primary);box-shadow:0 6px 26px #00000057,0 0 15px #3b82f61f;box-shadow:var(--shadow-md);transform:translateY(-1px)}.qa-icon{background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:7px;box-shadow:0 2px 10px #00d4ff59;color:#fff;display:grid;flex-shrink:0;font-size:.9rem;height:26px;place-items:center;width:26px}.qa-name{color:#eaf4ff;color:var(--text-primary);font-size:.9rem;font-weight:700;line-height:1.2}.qa-desc{color:#93a6bf;color:var(--text-muted);font-size:.7rem;font-size:var(--font-size-xs)}.categories-grid{display:flex;flex-wrap:wrap;gap:8px;gap:var(--grid-gap);justify-content:center}.category-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111827f0;background:var(--bg-card);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:12px;border-radius:var(--radius);box-shadow:0 6px 26px #00000057,0 0 15px #3b82f61f;box-shadow:var(--shadow-md);flex:1 1 320px;max-width:400px;min-width:320px;overflow:hidden;padding:10px;padding:var(--card-pad);position:relative;transition:transform .22s ease,border-color .14s ease,box-shadow .22s ease,opacity .14s ease;transition:transform var(--transition-normal),border-color var(--transition-fast),box-shadow var(--transition-normal),opacity .14s ease}.category-card:before{background:linear-gradient(90deg,#0000,#00d4ff,#8b5cf6,#0000);background:linear-gradient(90deg,#0000,var(--color-primary),var(--color-secondary),#0000);content:"";height:1px;left:0;opacity:.55;position:absolute;right:0;top:0}.category-card:hover{background:#111827fa;border-color:#00d4ff;border-color:var(--color-primary);box-shadow:0 10px 36px #00000061,0 0 20px #3b82f626,0 0 20px #00d4ff26,inset 0 0 15px #00d4ff0d;box-shadow:var(--shadow-lg),0 0 20px #00d4ff26,inset 0 0 15px #00d4ff0d;position:relative;z-index:2}.category-card.disabled{opacity:.6;pointer-events:none}.category-card.editable{outline:1px dashed #60a5fa73}.category-card.editable:active{cursor:grabbing}.category-card.is-dragging{opacity:.6!important;transform:scale(.99)!important}.card-tools{display:inline-flex;gap:6px;gap:var(--space-2);position:absolute;right:6px;right:var(--space-2);top:6px;top:var(--space-2);z-index:1}.drag-handle,.size-btn{background:#1e293be6;border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:8px;color:#d9e7f7;color:var(--text-secondary);cursor:pointer;display:grid;height:26px;place-items:center;width:26px}.drag-handle:hover,.size-btn:hover{background:#334155d9;border-color:#00d4ff;border-color:var(--color-primary);color:#eaf4ff;color:var(--text-primary)}.category-card.size-wide{flex:1 1 640px;min-width:640px}.category-card.size-tall{min-height:260px}.category-card.size-big{flex:1 1 640px;min-height:260px;min-width:640px}.category-header{grid-gap:8px;grid-gap:var(--space-3);display:grid;gap:8px;gap:var(--space-3);grid-template-columns:40px 1fr;margin-bottom:8px;margin-bottom:var(--space-3)}.category-icon{background:linear-gradient(135deg,#00d4ff,#8b5cf6,#06ffa5);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary),var(--color-tertiary));border-radius:8px;box-shadow:0 3px 12px #00d4ff40,inset 0 1px 0 #ffffff1a,0 0 15px #00d4ff33;color:#fff;display:grid;font-size:.95rem;height:40px;place-items:center;position:relative;width:40px}.category-icon:before{background:linear-gradient(135deg,#ffffff1a,#0000);border-radius:7px;content:"";inset:1px;position:absolute}.category-title{align-items:center;color:#eaf4ff;color:var(--text-primary);display:inline-flex;font-size:1.02rem;font-weight:800;gap:6px;gap:var(--space-2);margin:0}.category-badge{background:linear-gradient(135deg,#0f8,#06ffa5);background:linear-gradient(135deg,var(--color-success),var(--color-tertiary));border-radius:999px;box-shadow:0 0 12px #00ff8859;color:#fff;font-size:.66rem;font-weight:700;letter-spacing:.04em;padding:2px 8px;text-transform:uppercase}.category-subtitle{color:#93a6bf;color:var(--text-muted);margin:3px 0 6px;margin:3px 0 var(--space-2) 0}.category-description,.category-subtitle{font-size:.8rem;font-size:var(--font-size-sm)}.category-description{color:#d9e7f7;color:var(--text-secondary);line-height:1.45;margin:0}.category-updated{color:#93a6bf;color:var(--text-muted);font-size:.7rem;font-size:var(--font-size-xs)}.category-updated,.subpages-grid{margin-top:8px;margin-top:var(--space-3)}.subpages-grid{grid-gap:8px;grid-gap:var(--grid-gap);display:grid;gap:8px;gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.subpage-item{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1f2937e6;background:var(--bg-card-2);border:1px solid #3b82f62e;border:1px solid var(--border-color);border-radius:10px;display:flex;flex-direction:column;gap:6px;gap:var(--space-2);padding:9px;position:relative;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.subpage-item:hover{background:#00d4ff1f;background:var(--bg-hover);border-color:#00d4ff;border-color:var(--color-primary);box-shadow:0 6px 22px #00000061,0 0 16px #00d4ff2e;transform:translateY(-1px)}.subpage-header{align-items:center;display:flex;gap:8px;gap:var(--space-3)}.subpage-icon{background:linear-gradient(135deg,#00d4ff,#8b5cf6);background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:7px;box-shadow:0 2px 8px #00d4ff4d;color:#fff;display:grid;flex-shrink:0;font-size:.74rem;height:22px;place-items:center;width:22px}.subpage-name{color:#eaf4ff;color:var(--text-primary);font-size:.88rem;font-weight:700}.subpage-description{font-size:.7rem;font-size:var(--font-size-xs);line-height:1.35;margin:0}.favorite-btn,.subpage-description{color:#93a6bf;color:var(--text-muted)}.favorite-btn{background:#00000073;border:none;border-radius:50%;cursor:pointer;display:grid;font-size:.76rem;height:24px;place-items:center;position:absolute;right:6px;right:var(--space-2);top:6px;top:var(--space-2);transition:transform .14s ease,background .14s ease,color .14s ease;transition:transform var(--transition-fast),background var(--transition-fast),color var(--transition-fast);width:24px}.favorite-btn:hover{background:#00d4ff;background:var(--color-primary);color:#fff;transform:scale(1.06)}.favorite-btn.active{background:#fa0;background:var(--color-warning);color:#fff}.search-highlight{background:#ffaa0047;border-radius:4px;box-shadow:0 0 6px #ffaa0047;color:#fa0;color:var(--color-warning);padding:0 2px}.empty-state{color:#93a6bf;color:var(--text-muted);padding:22px 10px;padding:22px var(--space-4)}.empty-state-icon{font-size:2rem;margin-bottom:6px;margin-bottom:var(--space-2);opacity:.65}.empty-state-title{color:#d9e7f7;color:var(--text-secondary);font-size:1rem;font-weight:750;margin:0 0 4px}.empty-state-description{font-size:.8rem;font-size:var(--font-size-sm);margin:0 auto;max-width:420px}.animate-on-scroll{opacity:0;transform:translateY(10px);transition:all .38s ease-out}.animate-on-scroll.visible{opacity:1;transform:translateY(0)}.homepage-loading{grid-gap:8px;grid-gap:var(--space-3);display:grid;gap:8px;gap:var(--space-3);min-height:48vh;place-items:center}.loading-spinner{border:3px solid #3b82f62e;border-top:3px solid #00d4ff;border:3px solid var(--border-color);height:30px;width:30px}.loading-text{color:#93a6bf;font-size:.8rem;font-size:var(--font-size-sm)}@media (max-width:1100px){.spotlights{grid-template-columns:1fr;margin-top:10px;margin-top:var(--space-4)}}@media (max-width:900px){.homepage-container{max-width:100%;padding:14px 12px 22px}.category-card{padding:12px}.category-header{gap:8px;gap:var(--space-3);grid-template-columns:32px 1fr}.category-icon{font-size:.85rem;height:32px;width:32px}.qa-grid,.subpages-grid{grid-template-columns:1fr}.spotlight-embed{min-height:340px}}@media (max-width:640px){.search-container-lg{margin:0 1rem;max-width:none}.search-input-lg{font-size:.88rem;height:36px;padding-left:2rem}.search-icon-lg{font-size:.95rem;left:.7rem}}@media (prefers-reduced-motion:reduce){.animate-on-scroll,.category-card,.github-card,.kpi-card,.qa-item,.search-input-lg,.spotlight-card,.subpage-item{transition:none!important}.category-card:hover,.qa-item:hover,.subpage-item:hover{transform:none!important}}@media (prefers-contrast:high){.category-card,.github-card,.qa-item,.spotlight-card,.subpage-item{border-width:2px}}body.density-compact :root{--font-size-base:0.84rem;--font-size-sm:0.76rem;--font-size-xs:0.68rem}body.density-compact .category-icon{font-size:.82rem;height:30px;width:30px}body.density-compact .subpage-icon{font-size:.7rem;height:20px;width:20px}.ai-chat{background:radial-gradient(circle at 20% 80%,#3b82f614 0,#0000 50%),radial-gradient(circle at 80% 20%,#6366f114 0,#0000 50%),var(--bg-primary)}.chat-messages{padding:var(--space-4)}.message-pair{margin-bottom:var(--space-5)}.ai-input-area,.assistant-message{padding:var(--space-4)}.ocr-drop{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border:1px dashed var(--border-color);border-radius:8px;cursor:pointer;padding:16px;transition:all var(--transition-fast)}.ocr-drop:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 0 15px #4f8ff733}.ocr-drop-inner{grid-gap:6px;color:var(--text-secondary);display:grid;gap:6px;place-items:center}.ocr-drop-icn{font-size:16px}.ocr-hint{color:var(--text-muted)}.ocr-file-row{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:10px}.ocr-clip{opacity:.8}.ocr-filename{color:var(--text-secondary)}.ocr-thumb{border:1px solid var(--border-color);border-radius:4px;height:50px;width:auto}.ocr-spinner{color:var(--color-primary);font-style:italic;margin-top:10px}.ocr-error{background:#ef444426;border:1px solid var(--color-error);border-radius:6px;color:var(--color-error);margin-top:8px;padding:6px 8px}.ocr-toolbar{grid-gap:8px;align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0e1af2,#111827e6),radial-gradient(circle at 50% 0,#4f8ff714,#0000 70%);border-bottom:1px solid var(--border-color);display:grid;gap:8px;grid-template-columns:1fr auto 1fr;padding:8px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.search-box{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:6px;display:inline-flex;gap:6px;height:22px;padding:0 6px}.search-box input{background:#0000;border:none;color:var(--text-primary);font-size:10px;outline:none;width:220px}.sort-group select{border:1px solid var(--border-color);color:var(--text-primary);font-size:10px;height:22px;padding:0 6px}.count-badge,.sort-group select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:6px}.count-badge{color:var(--color-primary)}.count-badge,.wo-chip{border:1px solid var(--border-color);padding:2px 6px}.wo-chip{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border-radius:999px;display:inline-flex;gap:6px}.wo-input{background:#0000;border:none;color:var(--text-primary);font-size:10px;height:18px;outline:none;width:130px}.chip-del{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:50%;color:var(--text-secondary);cursor:pointer;font-size:10px;height:16px;line-height:14px;transition:all var(--transition-fast);width:16px}.chip-del:hover{border-color:var(--color-error);color:var(--color-error)}.btn.add{border-color:var(--border-color);border-style:dashed;color:var(--color-primary);height:22px}.btn.add,.match-row{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass)}.match-row{grid-gap:6px;align-items:stretch;border:1px solid var(--border-color);border-radius:8px;display:grid;gap:6px;grid-template-columns:1.2fr .6fr .9fr 1.5fr .7fr;padding:6px;transition:all var(--transition-fast)}.match-row:hover{border-color:var(--color-primary);box-shadow:0 0 10px #4f8ff726}.match-row.nf{background:#ef444414;border-color:#ef444466}.col .k{color:var(--text-muted);margin-bottom:2px}.col .v{color:var(--text-primary);word-break:break-word}.v.warn{color:var(--color-error)}.empty{color:var(--text-muted);padding:16px;text-align:center}.it-tickets{background:radial-gradient(circle at 20% 80%,#4f8ff70f 0,#0000 50%),radial-gradient(circle at 80% 20%,#7c3aed0f 0,#0000 50%),var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-size:.875rem;height:100vh;line-height:1.4}.it-header{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0e1aeb,#111827e0),radial-gradient(circle at 50% 0,#4f8ff714,#0000 70%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 15px #00000040;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4);position:relative}.it-header:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.it-header-left{gap:var(--space-6)}.it-header-left,.it-title{align-items:center;display:flex}.it-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:var(--space-3);text-shadow:0 0 8px #4f8ff740}.it-title-icon{color:var(--color-primary);filter:drop-shadow(0 0 6px rgba(79,143,247,.3));font-size:1.5rem}.it-stats{display:flex;gap:var(--space-4)}.stat-pill{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;min-width:60px;padding:var(--space-2) var(--space-3)}.stat-value{color:var(--color-primary);font-size:1.125rem;font-weight:700}.stat-label{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.it-filters{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-3) var(--space-4)}.filter-group,.it-filters{align-items:center;display:flex}.filter-group{gap:var(--space-3)}.search-container{min-width:250px;position:relative}.search-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-size:.875rem;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-10);transition:all var(--transition-fast);width:100%}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8ff726;outline:none}.search-icon{color:var(--text-muted);font-size:1rem;left:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.filter-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8ff726;outline:none}.checkbox-label{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-2)}.checkbox-label input[type=checkbox]{accent-color:var(--color-primary)}.it-main{display:flex;flex:1 1;min-height:0}.ticket-list-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);display:flex;flex-direction:column;min-width:400px;width:400px}.ticket-detail-panel{background:var(--bg-primary);display:flex;flex:1 1;flex-direction:column;min-height:0}.ticket-list-header{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.ticket-list-header h2{color:var(--text-primary);font-size:1rem;font-weight:600}.page-size-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);font-size:.75rem;padding:var(--space-2) var(--space-3)}.ticket-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.ticket-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-3);padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.ticket-item:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:1px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-fast)}.ticket-item:hover{border-color:var(--color-primary);box-shadow:0 4px 20px #4f8ff726;transform:translateY(-1px)}.ticket-item:hover:before{opacity:.4}.ticket-item.selected{background:#4f8ff714;border-color:var(--color-primary);box-shadow:0 0 20px #4f8ff733}.ticket-item.selected:before{opacity:.6}.ticket-header{align-items:flex-start;display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.ticket-type{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);box-shadow:0 2px 10px #4f8ff740;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;height:32px;justify-content:center;width:32px}.ticket-meta{flex:1 1;min-width:0}.ticket-title{color:var(--text-primary);font-size:.875rem;font-weight:600;line-height:1.3;margin:0 0 var(--space-2) 0}.ticket-info{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:var(--space-3)}.ticket-id{color:var(--color-primary);font-family:JetBrains Mono,monospace;font-weight:600}.ticket-date,.ticket-requester{align-items:center;display:flex;gap:var(--space-1)}.ticket-badges{align-items:flex-end;display:flex;flex-direction:column;gap:var(--space-2)}.priority-badge,.status-badge{background:#4f8ff726;background:rgba(var(--badge-color-rgb,79,143,247),.15);border:1px solid #4f8ff74d;border:1px solid rgba(var(--badge-color-rgb,79,143,247),.3);border-radius:999px;box-shadow:0 0 8px #4f8ff733;box-shadow:0 0 8px rgba(var(--badge-color-rgb,79,143,247),.2);color:var(--color-primary);color:var(--badge-color,var(--color-primary));font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:var(--space-1) var(--space-3);text-transform:uppercase}.ticket-preview{color:var(--text-secondary);font-size:.75rem;line-height:1.4;margin-bottom:var(--space-2)}.ticket-comments-count{align-items:center;color:var(--text-muted);display:flex;font-size:.75rem;gap:var(--space-2)}.ticket-detail{height:100%;overflow-y:auto;padding:var(--space-4)}.ticket-detail-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-4)}.ticket-detail-title{align-items:center;display:flex;flex:1 1;gap:var(--space-3);min-width:0}.ticket-type-icon{align-items:center;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-lg);box-shadow:0 4px 15px #4f8ff74d;color:#fff;display:flex;flex-shrink:0;font-size:1.25rem;height:48px;justify-content:center;width:48px}.ticket-detail-title h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;line-height:1.3;margin:0}.ticket-actions{display:flex;gap:var(--space-3)}.ticket-detail-meta{grid-gap:var(--space-4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:var(--space-6);padding:var(--space-4)}.meta-item{display:flex;flex-direction:column;gap:var(--space-1)}.meta-label{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:var(--text-primary);font-size:.875rem;font-weight:500}.ticket-detail-badges{display:flex;flex-wrap:wrap;gap:var(--space-6);margin-bottom:var(--space-6)}.badge-group{align-items:center;display:flex;gap:var(--space-3)}.badge-label{color:var(--text-muted)}.badge-label,.type-badge{font-size:.875rem;font-weight:500}.type-badge{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-4)}.ticket-description{margin-bottom:var(--space-8)}.ticket-description h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-4)}.description-content{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-4)}.description-content p{color:var(--text-secondary);line-height:1.6;margin:0 0 var(--space-3) 0}.description-content p:last-child{margin-bottom:0}.ticket-comments h3{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:var(--space-4)}.comments-list{margin-bottom:var(--space-6)}.comment-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-3);padding:var(--space-4)}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.comment-author{color:var(--color-primary);font-size:.875rem;font-weight:600}.comment-date{color:var(--text-muted);font-size:.75rem}.comment-text{color:var(--text-secondary);font-size:.875rem;line-height:1.6}.add-comment{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.add-comment .btn{align-self:flex-end}.pagination{background:var(--bg-tertiary);border-top:1px solid var(--border-color);gap:var(--space-3);padding:var(--space-4) var(--space-6)}.pagination,.pagination-btn{align-items:center;display:flex;justify-content:center}.pagination-btn{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:.875rem;height:36px;transition:all var(--transition-fast);width:36px}.pagination-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 0 10px #4f8ff733;color:var(--text-primary)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}.pagination-info{color:var(--text-secondary);font-size:.875rem;margin:0 var(--space-4)}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:0 20px 40px #00000080;display:flex;flex-direction:column;max-height:80vh;max-width:600px;overflow:hidden;position:relative;width:90vw}.modal-content:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.modal-header{align-items:center;background:#1f29374d;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-6)}.modal-header h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.modal-close{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all var(--transition-fast);width:40px}.modal-close:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--text-primary)}.modal-body{flex:1 1;overflow:auto;padding:var(--space-6)}.modal-footer{align-items:center;background:#1f29374d;border-top:1px solid var(--border-color);display:flex;gap:var(--space-3);justify-content:flex-end;padding:var(--space-6)}.form-group,.form-row{margin-bottom:var(--space-4)}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr 1fr}.form-label{color:var(--text-primary);display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-2)}.form-input,.form-select,.form-textarea{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);font-family:inherit;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8ff726;outline:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-select.inline{min-width:120px;width:auto}.form-textarea{min-height:80px;resize:vertical}.empty-state{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.empty-icon{opacity:.4}.empty-state h2,.empty-state h3{color:var(--text-secondary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3)}.empty-state p{color:var(--text-muted);font-size:1rem;line-height:1.6;margin:0;max-width:400px}@media (max-width:1024px){.it-main{flex-direction:column}.ticket-list-panel{border-bottom:1px solid var(--border-color);border-right:none;max-height:400px;min-width:100%;width:100%}}@media (max-width:768px){.it-header,.it-header-left{align-items:stretch;flex-direction:column;gap:var(--space-4)}.it-stats{justify-content:center}.it-filters{align-items:stretch;flex-direction:column;gap:var(--space-4)}.filter-group{justify-content:center}.search-container{min-width:auto}.form-row{grid-template-columns:1fr}.ticket-detail{padding:var(--space-4)}.ticket-detail-header{align-items:stretch;flex-direction:column}.ticket-actions{justify-content:center}.ticket-detail-meta{grid-template-columns:1fr}.ticket-detail-badges{align-items:stretch;flex-direction:column;gap:var(--space-3)}.badge-group{justify-content:space-between}}@media (max-width:480px){.it-filters,.it-header{padding:var(--space-4)}.ticket-item,.ticket-list{padding:var(--space-3)}.ticket-header{align-items:stretch;flex-direction:column;gap:var(--space-3)}.ticket-badges{align-items:center;flex-direction:row;justify-content:space-between}.modal-content{max-height:90vh;width:95vw}.modal-body,.modal-footer,.modal-header{padding:var(--space-4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible,.ticket-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.loading-container{align-items:center;display:flex;gap:var(--space-3);justify-content:center;padding:var(--space-8)}.loading-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:24px;width:24px}.loading-text{color:var(--text-muted);font-size:.875rem}.ai-title{text-shadow:0 0 8px #4f8ff740}.faq-button:hover{box-shadow:0 0 12px #4f8ff733}.chat-input:focus{box-shadow:0 0 0 3px #4f8ff726}.ai-header{background:linear-gradient(135deg,#0a0e1aeb,#111827e0),radial-gradient(circle at 50% 0,#4f8ff714,#0000 70%);box-shadow:0 2px 15px #00000040;padding:var(--space-3) var(--space-4)}.ai-header:before{opacity:.4}.ai-title-icon{filter:drop-shadow(0 0 6px rgba(79,143,247,.3))}.database-select:focus{box-shadow:0 0 0 3px #4f8ff726}.empty-icon{margin-bottom:var(--space-4)}.s3a-wrap{background:radial-gradient(circle at 20% 80%,#4f8ff70f 0,#0000 50%),radial-gradient(circle at 80% 20%,#7c3aed0f 0,#0000 50%),var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;height:100vh;position:relative}.s3a-wrap,.s3a-wrap.drawer-open{overflow:hidden}.s3a-topbar{align-items:flex-start;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0e1af2,#111827e6),radial-gradient(circle at 50% 0,#4f8ff714,#0000 70%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 15px #00000040;display:flex;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4);position:relative}.s3a-topbar:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.s3a-left{display:flex;flex:1 1;flex-direction:column;gap:var(--space-4)}.s3a-right,.s3a-row{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.s3a-label{font-weight:600;white-space:nowrap}.s3a-input,.s3a-label,.s3a-select{color:var(--text-primary);font-size:.875rem}.s3a-input,.s3a-select{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.s3a-input:focus,.s3a-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4f8ff726;outline:none}.s3a-check{align-items:center;color:var(--text-secondary);cursor:pointer;display:flex;font-size:.875rem;gap:var(--space-2)}.s3a-check input[type=checkbox]{accent-color:var(--color-primary)}.s3a-dropzone{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:2px dashed var(--border-color);border-radius:var(--radius-lg);cursor:pointer;display:flex;justify-content:center;min-height:120px;position:relative;transition:all var(--transition-fast)}.s3a-dropzone:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 0 20px #4f8ff726}.s3a-drop-hint{color:var(--text-secondary);font-size:.875rem;text-align:center}.s3a-queue{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.s3a-chip{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);display:flex;font-size:.875rem;gap:var(--space-3);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.s3a-chip.uploading{background:#4f8ff71a;border-color:var(--color-primary)}.s3a-chip.done{background:#10b9811a;border-color:var(--color-success)}.s3a-chip.error{background:#ef44441a;border-color:var(--color-error)}.s3a-chip-name{color:var(--text-primary);flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s3a-chip-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden;position:relative;width:80px}.s3a-chip-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:2px;height:100%;transition:width var(--transition-fast)}.s3a-chip-status{color:var(--text-muted);font-size:.75rem;letter-spacing:.05em;min-width:60px;text-align:right;text-transform:uppercase}.s3a-qbar{align-items:center;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:var(--space-2);padding:var(--space-2) 0}.s3a-btn{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-fast)}.s3a-btn:hover{background:var(--bg-hover);border-color:var(--color-primary);box-shadow:0 0 10px #4f8ff733}.s3a-btn:disabled{cursor:not-allowed;opacity:.5}.s3a-btn-ghost{background:#0000;color:var(--text-secondary)}.s3a-btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.s3a-btn.danger{background:var(--color-error);border-color:var(--color-error);color:#fff}.s3a-btn.danger:hover{background:#dc2626;border-color:#dc2626}.s3a-bulkbar{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.875rem;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.s3a-list{flex:1 1;overflow-y:auto;padding:var(--space-4);padding-bottom:var(--space-8)}.s3a-empty{font-size:.875rem}.s3a-bucket{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-4);overflow:hidden;position:relative;z-index:1}.s3a-bucket-head{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);transition:all var(--transition-fast)}.s3a-bucket-head:hover{background:var(--bg-hover);z-index:2}.s3a-caret{color:var(--color-primary);font-size:.875rem;transition:transform var(--transition-fast)}.s3a-bucket-name{color:var(--text-primary);flex:1 1;font-weight:600}.s3a-bucket-count{background:var(--bg-primary);border-radius:var(--radius-sm);color:var(--text-muted);font-size:.75rem;padding:var(--space-1) var(--space-2)}.s3a-table{border-collapse:collapse;font-size:.875rem;width:100%}.s3a-col-check{width:40px}.s3a-col-name{width:auto}.s3a-col-size{width:100px}.s3a-col-time{width:180px}.s3a-col-actions{width:200px}.s3a-table th{background:var(--bg-secondary);color:var(--text-primary);font-weight:600;text-align:left}.s3a-table td,.s3a-table th{border-bottom:1px solid var(--border-color);padding:var(--space-3)}.s3a-table td{color:var(--text-secondary)}.s3a-table tbody tr:hover{background:#4f8ff70d;position:relative;z-index:2}.s3a-check-td{text-align:center}.s3a-link{color:var(--color-primary);cursor:pointer;text-decoration:none;transition:color var(--transition-fast)}.s3a-link:hover{color:var(--color-primary-hover);text-decoration:underline}.s3a-actions{gap:var(--space-2)}.s3a-actions,.s3a-icon{align-items:center;display:flex}.s3a-icon{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-size:.875rem;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.s3a-icon:hover{background:var(--bg-hover);border-color:var(--color-primary);color:var(--text-primary);position:relative;z-index:3}.s3a-icon.danger{color:var(--color-error)}.s3a-icon.danger:hover{background:#ef44441a;border-color:var(--color-error)}.s3a-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#0009;inset:0;position:fixed;z-index:1000}.s3a-preview{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:60vw;z-index:1001}.s3a-preview-head{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4)}.s3a-iframe{border:none;flex:1 1;height:100%;width:100%}.s3a-history{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border-left:1px solid var(--border-color);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;height:100vh;position:fixed;right:0;top:0;width:400px;z-index:1001}.s3a-history-head{align-items:center;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:var(--space-4)}.s3a-history-title{color:var(--text-primary);font-size:1rem;font-weight:600}.s3a-history-actions{display:flex;gap:var(--space-2)}.s3a-history-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.s3a-history-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-glass);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--space-2);padding:var(--space-3)}.s3a-history-meta{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.75rem;gap:var(--space-2)}.s3a-mono{color:var(--color-primary);font-family:JetBrains Mono,monospace}.s3a-pill{background:var(--color-primary);border-radius:999px;color:#fff;font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-2)}.s3a-toast{animation:slideInRight .3s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);bottom:var(--space-4);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.875rem;padding:var(--space-3) var(--space-4);position:fixed;right:var(--space-4);z-index:1002}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.s3a-empty{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;justify-content:center;padding:var(--space-8);text-align:center}@media (max-width:1024px){.s3a-topbar{align-items:stretch;flex-direction:column}.s3a-left,.s3a-right{width:100%}.s3a-preview{width:80vw}.s3a-history{width:100vw}}@media (max-width:768px){.s3a-row{gap:var(--space-2)}.s3a-right,.s3a-row{align-items:stretch;flex-direction:column}.s3a-preview{width:100vw}.s3a-table{font-size:.75rem}.s3a-col-size,.s3a-col-time{display:none}}.s3a-btn:focus-visible,.s3a-icon:focus-visible,.s3a-input:focus-visible,.s3a-select:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.s3a-loading{align-items:center;color:var(--text-muted);display:flex;justify-content:center;padding:var(--space-8)}.s3a-spinner{animation:spin 1s linear infinite;border-top:2px solid var(--border-color);border:2px solid var(--border-color);border-radius:50%;border-top-color:var(--color-primary);height:20px;width:20px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.s3a-history-list::-webkit-scrollbar,.s3a-list::-webkit-scrollbar{width:8px}.s3a-history-list::-webkit-scrollbar-track,.s3a-list::-webkit-scrollbar-track{background:#0000}.s3a-history-list::-webkit-scrollbar-thumb,.s3a-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-lg)}.s3a-history-list::-webkit-scrollbar-thumb:hover,.s3a-list::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}.ai-chat{background:radial-gradient(circle at 80% 20%,#7c3aed0f 0,#0000 50%),var(--bg-primary);display:flex;flex-direction:column;height:100vh;padding:var(--space-3);position:relative}.ai-header{align-items:center;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background:linear-gradient(135deg,#0a0e1af2,#111827e6),radial-gradient(circle at 50% 0,#3b82f61a,#0000 70%);border-bottom:1px solid var(--border-color);box-shadow:0 2px 20px #0000004d;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-4) var(--space-6)}.ai-header:before{background:linear-gradient(90deg,#0000,var(--color-primary),#0000);content:"";height:1px;left:0;opacity:.6;position:absolute;right:0;top:0}.ai-header-left{gap:var(--space-4)}.ai-header-left,.ai-title{align-items:center;display:flex}.ai-title{color:var(--text-primary);font-size:1.25rem;font-weight:700;gap:var(--space-3);text-shadow:0 0 10px #3b82f64d}.ai-title-icon{color:var(--color-primary);filter:drop-shadow(0 0 8px rgba(59,130,246,.4));font-size:1.5rem}.database-selector{min-width:200px}.database-select{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);cursor:pointer;font-size:.875rem;padding:var(--space-3) var(--space-4);transition:all var(--transition-fast);width:100%}.database-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.ai-settings{gap:var(--space-4)}.ai-settings,.setting-toggle{align-items:center;display:flex}.setting-toggle{background:#0000;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;flex-direction:column;gap:var(--space-1);min-width:60px;padding:var(--space-2);transition:all var(--transition-fast)}.setting-toggle:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-secondary)}.setting-toggle.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.setting-icon{font-size:1rem}.setting-label{font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.ai-chat-panel,.ai-main{display:flex;flex:1 1;min-height:0}.ai-chat-panel,.ai-history-panel{flex-direction:column}.ai-history-panel{border-left:1px solid var(--border-color);display:flex;min-width:320px;width:320px}.ai-faq,.ai-history-panel{background:var(--bg-secondary)}.ai-faq{border-bottom:1px solid var(--border-color);padding:var(--space-6)}.faq-title{color:var(--text-primary);font-size:.875rem;font-weight:600;margin-bottom:var(--space-4)}.faq-grid{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.faq-button{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;font-size:.875rem;line-height:1.4;padding:var(--space-3) var(--space-4);text-align:left;transition:all var(--transition-fast)}.faq-button:hover{background:var(--bg-hover);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.faq-button:hover,.faq-toggle{border-color:var(--color-primary)}.faq-toggle{background:var(--color-primary);color:#fff;font-weight:600;text-align:center}.faq-toggle:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.ai-chat-area{display:flex;flex:1 1;flex-direction:column;min-height:0}.chat-messages{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:var(--space-6);position:relative}.chat-messages:before{background:linear-gradient(180deg,var(--bg-secondary),#0000);content:"";height:20px;left:0;pointer-events:none;position:absolute;right:0;top:0}.message-pair{animation:fadeIn .3s ease-out;margin-bottom:var(--space-8)}.user-message{background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-xl);box-shadow:var(--shadow-md);color:#fff;font-weight:500;margin-bottom:var(--space-4);margin-left:auto;max-width:80%;padding:var(--space-4) var(--space-6);position:relative}.user-message:after{border-left:8px solid #0000;border-right:8px solid #0000;border-top:8px solid var(--color-primary);bottom:-8px;content:"";height:0;position:absolute;right:var(--space-4);width:0}.assistant-message{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);padding:var(--space-6);position:relative}.assistant-message:before{border-bottom:8px solid #0000;border-right:8px solid var(--bg-card);border-top:8px solid #0000;content:"";height:0;left:-8px;position:absolute;top:var(--space-4);width:0}.message-actions{display:flex;gap:var(--space-2);opacity:0;position:absolute;right:var(--space-3);top:var(--space-3);transition:opacity var(--transition-fast)}.assistant-message:hover .message-actions{opacity:1}.message-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.message-action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.message-content{color:var(--text-primary);line-height:1.7}.message-content h1,.message-content h2,.message-content h3,.message-content h4,.message-content h5,.message-content h6{color:var(--text-primary);font-weight:700;margin:var(--space-6) 0 var(--space-4) 0}.message-content h1{font-size:1.5rem}.message-content h2{font-size:1.25rem}.message-content h3{font-size:1.125rem}.message-content p{color:var(--text-secondary);margin:var(--space-4) 0}.message-content ol,.message-content ul{margin:var(--space-4) 0;padding-left:var(--space-6)}.message-content li{color:var(--text-secondary);margin:var(--space-2) 0}.message-content code{background:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--color-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.875rem;padding:var(--space-1) var(--space-2)}.message-content pre{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--space-4) 0;overflow-x:auto;padding:var(--space-4);position:relative}.message-content pre code{background:none;color:var(--text-primary);padding:0}.code-block-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2)}.code-language{color:var(--text-muted);font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.loading-message{align-items:center;color:var(--text-muted);display:flex;font-style:italic;gap:var(--space-3);padding:var(--space-4) var(--space-6)}.loading-dots{display:flex;gap:var(--space-1)}.loading-dot{animation:pulse 1.5s ease-in-out infinite;background:var(--color-primary);border-radius:50%;height:6px;width:6px}.loading-dot:nth-child(2){animation-delay:.2s}.loading-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{opacity:.3}40%{opacity:1}}.ai-input-area{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--space-6)}.input-container{margin:0 auto;max-width:1000px;position:relative}.input-form{align-items:flex-end;display:flex;gap:var(--space-3)}.input-wrapper{flex:1 1;position:relative}.chat-input{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-primary);font-family:inherit;font-size:1rem;line-height:1.5;max-height:120px;min-height:48px;padding:var(--space-4) var(--space-12) var(--space-4) var(--space-4);resize:none;transition:all var(--transition-fast);width:100%}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.chat-input::placeholder{color:var(--text-muted)}.input-actions{bottom:var(--space-3);display:flex;gap:var(--space-2);position:absolute;right:var(--space-3)}.input-action-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-muted);cursor:pointer;display:flex;font-size:.875rem;height:36px;justify-content:center;transition:all var(--transition-fast);width:36px}.input-action-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.input-action-btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.input-action-btn.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.input-action-btn:disabled{cursor:not-allowed;opacity:.5}.history-header{background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:var(--space-6)}.history-title{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--space-2)}.history-subtitle{color:var(--text-muted);font-size:.75rem}.history-list{flex:1 1;overflow-y:auto;padding:var(--space-4)}.history-item{border:1px solid #0000;border-radius:var(--radius-lg);cursor:pointer;margin-bottom:var(--space-2);padding:var(--space-4);position:relative;transition:all var(--transition-fast)}.history-item:hover{background:var(--bg-hover);border-color:var(--border-color)}.history-item:active{transform:scale(.98)}.history-question{color:var(--text-primary);font-size:.875rem;font-weight:500;margin-bottom:var(--space-2)}.history-preview,.history-question{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.history-preview{color:var(--text-muted);font-size:.75rem;line-height:1.4}.history-actions{opacity:0;position:absolute;right:var(--space-2);top:var(--space-2);transition:opacity var(--transition-fast)}.history-item:hover .history-actions{opacity:1}.history-delete-btn{align-items:center;background:var(--color-error);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:.75rem;height:24px;justify-content:center;transition:all var(--transition-fast);width:24px}.history-delete-btn:hover{background:#dc2626;transform:scale(1.1)}.empty-chat{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:var(--space-12);text-align:center}.empty-icon{color:var(--text-muted);font-size:4rem;margin-bottom:var(--space-6);opacity:.5}.empty-title{color:var(--text-secondary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3)}.empty-description{color:var(--text-muted);font-size:1rem;line-height:1.6;max-width:400px}.empty-history{color:var(--text-muted);padding:var(--space-8);text-align:center}@media (max-width:1024px){.ai-main{flex-direction:column}.ai-history-panel{border-left:none;border-top:1px solid var(--border-color);max-height:300px;min-width:100%;width:100%}.faq-grid{grid-template-columns:1fr}}@media (max-width:768px){.ai-header{gap:var(--space-4)}.ai-header,.ai-header-left{align-items:stretch;flex-direction:column}.ai-header-left{gap:var(--space-3)}.ai-settings{justify-content:center}.ai-input-area,.chat-messages{padding:var(--space-4)}.user-message{max-width:90%}.message-actions{justify-content:flex-end;margin-top:var(--space-3);opacity:1;position:static}}@media (max-width:480px){.input-form{flex-direction:column;gap:var(--space-3)}.input-actions{justify-content:center;margin-top:var(--space-3);position:static}.chat-input{padding-right:var(--space-4)}}@media (prefers-reduced-motion:reduce){.faq-button,.history-item,.input-action-btn,.message-pair,.setting-toggle{animation:none;transition:none}.faq-button:hover,.history-item:hover,.user-message{transform:none}}.faq-button:focus-visible,.history-item:focus-visible,.input-action-btn:focus-visible,.setting-toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.chat-messages::-webkit-scrollbar,.history-list::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track,.history-list::-webkit-scrollbar-track{background:#0000}.chat-messages::-webkit-scrollbar-thumb,.history-list::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-lg)}.chat-messages::-webkit-scrollbar-thumb:hover,.history-list::-webkit-scrollbar-thumb:hover{background:var(--bg-hover)}
/*# sourceMappingURL=main.0d2296a7.css.map*/