:root{--background: 0 0% 100%;--foreground: 240 10% 3.9%;--card: 0 0% 100%;--card-foreground: 240 10% 3.9%;--muted: 240 4.8% 95.9%;--muted-foreground: 240 3.8% 46.1%;--subtle: 240 5% 96.5%;--border: 240 5.9% 90%;--input: 240 5.9% 90%;--ring: 240 5.9% 10%;--primary: 240 5.9% 10%;--primary-foreground: 0 0% 98%;--secondary: 240 4.8% 95.9%;--secondary-foreground: 240 5.9% 10%;--accent: 243 75% 59%;--accent-foreground: 0 0% 100%;--success: 160 84% 39%;--success-soft: 152 76% 93%;--warning: 32 95% 44%;--warning-soft: 48 96% 89%;--danger: 350 89% 48%;--danger-soft: 350 89% 95%;--radius: 0.7rem;--shadow-sm: 0 1px 2px hsl(240 10% 3.9% / 0.05);--shadow: 0 1px 3px hsl(240 10% 3.9% / 0.08), 0 4px 20px hsl(240 10% 3.9% / 0.06);--shadow-lg: 0 10px 40px hsl(240 10% 3.9% / 0.16)}[data-theme=dark]{--background: 240 10% 3.9%;--foreground: 0 0% 98%;--card: 240 6% 7.5%;--card-foreground: 0 0% 98%;--muted: 240 4% 14%;--muted-foreground: 240 5% 65%;--subtle: 240 5% 11%;--border: 240 4% 18%;--input: 240 5% 16%;--ring: 240 5% 84%;--primary: 0 0% 98%;--primary-foreground: 240 5.9% 10%;--secondary: 240 4% 16%;--secondary-foreground: 0 0% 98%;--accent: 243 80% 68%;--accent-foreground: 240 10% 6%;--success: 158 64% 52%;--success-soft: 158 40% 16%;--warning: 38 92% 55%;--warning-soft: 36 45% 16%;--danger: 351 80% 62%;--danger-soft: 351 45% 18%;--shadow-sm: 0 1px 2px hsl(0 0% 0% / 0.4);--shadow: 0 1px 3px hsl(0 0% 0% / 0.5), 0 6px 24px hsl(0 0% 0% / 0.4);--shadow-lg: 0 16px 48px hsl(0 0% 0% / 0.6)}*,*::before,*::after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{min-height:100vh;font-family:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:14px;line-height:1.5;color:hsl(var(--foreground));background:hsl(var(--background));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .25s ease,color .25s ease}h1,h2,h3,h4{font-weight:600;line-height:1.25;letter-spacing:-0.01em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}img{display:block;max-width:100%}ul{list-style:none;padding:0}:focus-visible{outline:2px solid hsl(var(--ring)/0.5);outline-offset:2px}.container{width:100%;max-width:1120px;margin-inline:auto;padding-inline:1rem}.muted{color:hsl(var(--muted-foreground))}.mono{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hidden{display:none !important}@keyframes reveal{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{from{opacity:0;transform:translateX(16px) scale(0.98)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{100%{transform:translateX(100%)}}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:hsl(var(--border));border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground)/0.5)}.card{background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1.1rem 1.25rem}.card-title{font-size:.95rem;font-weight:600}.card-desc{font-size:.78rem;color:hsl(var(--muted-foreground));margin-top:2px}.card-body{padding:0 1.25rem 1.25rem;display:flex;flex-direction:column;gap:.9rem}.card-divider{border-top:1px solid hsl(var(--border))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;height:2.25rem;padding:0 .9rem;border-radius:calc(var(--radius) - .2rem);font-size:.82rem;font-weight:500;white-space:nowrap;border:1px solid rgba(0,0,0,0);transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .05s ease,box-shadow .15s ease;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn svg{width:15px;height:15px}.btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground));box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background:hsl(var(--primary)/0.88)}.btn-accent{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.btn-accent:hover:not(:disabled){filter:brightness(1.07)}.btn-outline{background:hsl(var(--background));border-color:hsl(var(--border));color:hsl(var(--foreground))}.btn-outline:hover:not(:disabled){background:hsl(var(--muted))}.btn-ghost{background:rgba(0,0,0,0);color:hsl(var(--muted-foreground))}.btn-ghost:hover:not(:disabled){background:hsl(var(--muted));color:hsl(var(--foreground))}.btn-danger{background:hsl(var(--danger));color:#fff}.btn-danger:hover:not(:disabled){filter:brightness(1.07)}.btn-sm{height:1.85rem;padding:0 .65rem;font-size:.75rem}.btn-xs{height:1.6rem;padding:0 .5rem;font-size:.72rem;border-radius:calc(var(--radius) - .28rem)}.btn-block{width:100%}.btn-icon{width:2.25rem;padding:0}.field{display:flex;flex-direction:column;gap:.35rem}.label{font-size:.76rem;font-weight:500;color:hsl(var(--foreground))}.label .req{color:hsl(var(--danger))}.hint{font-size:.72rem;color:hsl(var(--muted-foreground))}.input,.textarea,.select{width:100%;background:hsl(var(--background));border:1px solid hsl(var(--input));border-radius:calc(var(--radius) - .2rem);padding:.5rem .7rem;font-size:.82rem;color:hsl(var(--foreground));transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder,.textarea::placeholder,.select::placeholder{color:hsl(var(--muted-foreground)/0.7)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:hsl(var(--ring));box-shadow:0 0 0 3px hsl(var(--ring)/0.18)}.textarea{resize:vertical;min-height:4.5rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.75rem}.select{appearance:none;cursor:pointer;padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .55rem center;background-size:15px}.form-error,.profile-error{font-size:.76rem;color:hsl(var(--danger))}.form-grid{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.form-grid-1{grid-template-columns:1fr}@media(max-width: 520px){.form-grid{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:.5rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.stack{display:flex;flex-direction:column;gap:.5rem}.switch{display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;font-size:.8rem}.switch input{position:absolute;opacity:0;pointer-events:none}.switch .track{width:34px;height:20px;border-radius:9999px;background:hsl(var(--input));position:relative;transition:background .18s ease;flex-shrink:0}.switch .track::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.3);transition:transform .18s ease}.switch input:checked+.track{background:hsl(var(--accent))}.switch input:checked+.track::after{transform:translateX(14px)}.switch input:focus-visible+.track{outline:2px solid hsl(var(--ring)/0.5);outline-offset:2px}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.12rem .55rem;border-radius:9999px;font-size:.68rem;font-weight:600;letter-spacing:.02em;border:1px solid rgba(0,0,0,0)}.badge .dot{width:6px;height:6px;border-radius:50%;background:currentColor}.badge-success{color:hsl(var(--success));background:hsl(var(--success)/0.12);border-color:hsl(var(--success)/0.25)}.badge-warning{color:hsl(var(--warning));background:hsl(var(--warning)/0.12);border-color:hsl(var(--warning)/0.25)}.badge-danger{color:hsl(var(--danger));background:hsl(var(--danger)/0.12);border-color:hsl(var(--danger)/0.25)}.badge-neutral{color:hsl(var(--muted-foreground));background:hsl(var(--muted-foreground)/0.12);border-color:hsl(var(--muted-foreground)/0.25)}.badge-soft.success{background:var(--success-soft)}.badge-soft.warning{background:var(--warning-soft)}.badge-soft.danger{background:var(--danger-soft)}.badge-soft.neutral{background:var(--muted)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:.82rem}.table thead th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;color:hsl(var(--muted-foreground));font-weight:600;padding:.6rem .9rem;background:hsl(var(--subtle));border-bottom:1px solid hsl(var(--border));white-space:nowrap}.table tbody td{padding:.65rem .9rem;border-bottom:1px solid hsl(var(--border));color:hsl(var(--muted-foreground));vertical-align:middle}.table tbody tr{transition:background .12s ease}.table tbody tr:hover{background:hsl(var(--muted)/0.5)}.table tbody tr:last-child td{border-bottom:none}.table td strong{color:hsl(var(--foreground));font-weight:500}.thumb{width:3.4rem;height:2.1rem;object-fit:cover;object-position:top;border-radius:6px;border:1px solid hsl(var(--border));cursor:zoom-in;background:hsl(var(--muted));transition:border-color .15s ease,transform .15s ease}.thumb:hover{border-color:hsl(var(--accent));transform:translateY(-1px)}.cell-actions{display:flex;gap:.3rem}.empty-state{padding:2.5rem 1rem;text-align:center;color:hsl(var(--muted-foreground));font-size:.82rem}.pagination{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.7rem .9rem;font-size:.75rem;color:hsl(var(--muted-foreground));border-top:1px solid hsl(var(--border))}.app-header{position:sticky;top:0;z-index:20;background:hsl(var(--background)/0.8);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid hsl(var(--border))}.app-header .container{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{display:flex;align-items:center;gap:.65rem}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg, hsl(var(--accent)), hsl(268, 80%, 60%));color:#fff;font-weight:700;box-shadow:var(--shadow-sm)}.brand-name{font-size:.98rem;font-weight:600}.brand-sub{font-size:.7rem;color:hsl(var(--muted-foreground))}.header-actions{display:flex;align-items:center;gap:.5rem}.status-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .6rem;border-radius:9999px;font-size:.72rem;font-weight:500;background:hsl(var(--muted));color:hsl(var(--muted-foreground));border:1px solid hsl(var(--border))}.status-pill .live-dot{width:7px;height:7px;border-radius:50%;background:hsl(var(--muted-foreground))}.status-pill.online .live-dot{background:hsl(var(--success));box-shadow:0 0 0 3px hsl(var(--success)/0.2)}.status-pill.offline .live-dot{background:hsl(var(--danger))}.stat-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:.85rem}@media(max-width: 820px){.stat-grid{grid-template-columns:repeat(2, 1fr)}}.stat-card{background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:.95rem 1.05rem;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.stat-card::before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:hsl(var(--muted-foreground)/0.4)}.stat-card.success::before{background:hsl(var(--success))}.stat-card.danger::before{background:hsl(var(--danger))}.stat-card.warning::before{background:hsl(var(--warning))}.stat-card .stat-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground));font-weight:600}.stat-card .stat-value{font-size:1.6rem;font-weight:700;margin-top:.15rem;letter-spacing:-0.02em}.layout{display:grid;grid-template-columns:380px 1fr;gap:1.25rem;align-items:start}@media(max-width: 960px){.layout{grid-template-columns:1fr}}.side-col{display:flex;flex-direction:column;gap:1.25rem}.main-col{display:flex;flex-direction:column;gap:1.25rem}.accordion-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.5rem;text-align:left;padding:1.05rem 1.25rem}.accordion-toggle .chev{transition:transform .2s ease;color:hsl(var(--muted-foreground))}.accordion.open .accordion-toggle .chev{transform:rotate(180deg)}.accordion-body{display:none;padding:0 1.25rem 1.25rem;border-top:1px solid hsl(var(--border))}.accordion.open .accordion-body{display:block;padding-top:1.1rem;animation:reveal .2s ease-out}.profile-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .7rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .15rem);background:hsl(var(--subtle))}.profile-item .p-title{font-size:.82rem;font-weight:500;color:hsl(var(--foreground))}.profile-item .p-meta{font-size:.7rem;color:hsl(var(--muted-foreground));display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1px}.session-ok{color:hsl(var(--success))}.session-expired{color:hsl(var(--danger))}.session-expiring{color:hsl(var(--warning))}.spinner{width:15px;height:15px;border-radius:50%;border:2px solid currentColor;border-top-color:rgba(0,0,0,0);animation:spin .7s linear infinite;display:inline-block}.skeleton{position:relative;overflow:hidden;background:hsl(var(--muted));border-radius:6px}.skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg, transparent, hsl(var(--foreground)/0.06), transparent);animation:shimmer 1.3s infinite}.toast-container{position:fixed;top:1rem;right:1rem;z-index:60;display:flex;flex-direction:column;gap:.5rem;max-width:min(92vw,360px)}.toast{display:flex;align-items:flex-start;gap:.6rem;background:hsl(var(--card));color:hsl(var(--card-foreground));border:1px solid hsl(var(--border));border-left:3px solid hsl(var(--muted-foreground));border-radius:calc(var(--radius) - .1rem);padding:.7rem .85rem;box-shadow:var(--shadow-lg);animation:toast-in .2s ease-out;font-size:.8rem}.toast .toast-icon{flex-shrink:0;margin-top:1px}.toast .toast-msg{flex:1;line-height:1.4}.toast .toast-close{color:hsl(var(--muted-foreground));font-size:1rem;line-height:1;padding:0 .1rem}.toast.success{border-left-color:hsl(var(--success))}.toast.error{border-left-color:hsl(var(--danger))}.toast.info{border-left-color:hsl(var(--accent))}.toast.warning{border-left-color:hsl(var(--warning))}.toast.leaving{opacity:0;transform:translateX(16px);transition:opacity .2s,transform .2s}.modal-backdrop{position:fixed;inset:0;z-index:55;display:none;place-items:center;padding:1rem;background:hsla(240,10%,3.9%,.5);backdrop-filter:blur(2px)}.modal-backdrop.open{display:grid;animation:reveal .15s ease-out}.modal{width:min(440px,100%);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:1.25rem}.modal .modal-title{font-size:1rem;font-weight:600}.modal .modal-desc{font-size:.83rem;color:hsl(var(--muted-foreground));margin-top:.4rem}.modal .modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:1.2rem}.lightbox{position:fixed;inset:0;z-index:70;display:none;align-items:center;justify-content:center;padding:1.5rem;background:hsla(240,10%,3.9%,.82);backdrop-filter:blur(3px)}.lightbox.open{display:flex}.lightbox img{max-height:100%;max-width:100%;border-radius:var(--radius);box-shadow:var(--shadow-lg)}.kbd{display:inline-block;padding:.05rem .35rem;border-radius:5px;font-size:.68rem;border:1px solid hsl(var(--border));background:hsl(var(--muted));color:hsl(var(--muted-foreground));font-family:ui-monospace,monospace;box-shadow:0 1px 0 hsl(var(--border))}.app-footer{text-align:center;font-size:.72rem;color:hsl(var(--muted-foreground));padding:1.5rem 0 2.5rem}.pass-rate{display:flex;align-items:center;gap:1.1rem;padding:.95rem 1.15rem;margin-bottom:1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-wrap:wrap}.pass-ring{--pct: 0;position:relative;flex-shrink:0;width:68px;height:68px;border-radius:50%;background:conic-gradient(hsl(var(--success)) calc(var(--pct) * 1%), hsl(var(--muted)) 0);display:grid;place-items:center;transition:background .6s cubic-bezier(0.22, 1, 0.36, 1)}.pass-ring::after{content:"";position:absolute;inset:7px;border-radius:50%;background:hsl(var(--card))}.pass-ring .pass-ring-label{position:relative;z-index:1;font-size:.92rem;font-weight:700;letter-spacing:-0.02em;color:hsl(var(--foreground))}.pass-body{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:220px}.pass-headline{font-size:.78rem;color:hsl(var(--muted-foreground))}.pass-headline strong{color:hsl(var(--foreground));font-weight:600}.trend-bar{display:flex;height:10px;border-radius:9999px;overflow:hidden;background:hsl(var(--muted))}.trend-bar .seg{height:100%;transition:width .6s cubic-bezier(0.22, 1, 0.36, 1)}.trend-bar .seg.success{background:hsl(var(--success))}.trend-bar .seg.warning{background:hsl(var(--warning))}.trend-bar .seg.danger{background:hsl(var(--danger))}.legend{display:flex;gap:1rem;flex-wrap:wrap;font-size:.72rem;color:hsl(var(--muted-foreground))}.legend span{display:inline-flex;align-items:center;gap:.35rem}.legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.legend .k-success i{background:hsl(var(--success))}.legend .k-warning i{background:hsl(var(--warning))}.legend .k-danger i{background:hsl(var(--danger))}.sites-grid{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}@media(max-width: 560px){.sites-grid{grid-template-columns:1fr}}.site-card{display:flex;align-items:center;gap:.6rem;padding:.6rem .7rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .15rem);background:hsl(var(--subtle));transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.site-card:hover{border-color:hsl(var(--accent)/0.5);box-shadow:var(--shadow-sm)}.site-card .site-avatar{width:30px;height:30px;border-radius:8px;flex-shrink:0;object-fit:cover;background:hsl(var(--muted));border:1px solid hsl(var(--border))}.site-card .site-body{min-width:0;flex:1}.site-card .site-name{font-size:.82rem;font-weight:500;color:hsl(var(--foreground))}.site-card .site-meta{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;font-size:.68rem;color:hsl(var(--muted-foreground));margin-top:1px}.site-card .site-actions{display:flex;gap:.15rem;flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .4rem;border-radius:9999px;font-size:.64rem;font-weight:600;border:1px solid hsl(var(--border));background:hsl(var(--background));color:hsl(var(--muted-foreground))}.chip.ok{color:hsl(var(--success));border-color:hsl(var(--success)/0.3);background:hsl(var(--success)/0.1)}.chip.warn{color:hsl(var(--warning));border-color:hsl(var(--warning)/0.3);background:hsl(var(--warning)/0.1)}.chip.bad{color:hsl(var(--danger));border-color:hsl(var(--danger)/0.3);background:hsl(var(--danger)/0.1)}.suggest-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border:1px dashed hsl(var(--border));border-radius:calc(var(--radius) - .2rem);font-size:.78rem;color:hsl(var(--muted-foreground))}.suggest-item:hover{border-color:hsl(var(--accent)/0.5)}.suggest-item .suggest-host{display:inline-flex;align-items:center;gap:.45rem;min-width:0}.suggest-item .suggest-host img{width:16px;height:16px;border-radius:4px}.textarea.drag-over{border-color:hsl(var(--accent));box-shadow:0 0 0 3px hsl(var(--accent)/0.2)}.cmdk-backdrop{position:fixed;inset:0;z-index:80;display:none;justify-content:center;align-items:flex-start;padding:12vh 1rem 1rem;background:hsla(240,10%,3.9%,.5);backdrop-filter:blur(3px)}.cmdk-backdrop.open{display:flex;animation:reveal .12s ease-out}.cmdk{width:min(560px,100%);background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden;animation:pop-in .14s ease-out}.cmdk-input-wrap{display:flex;align-items:center;gap:.6rem;padding:.85rem 1rem;border-bottom:1px solid hsl(var(--border))}.cmdk-input-wrap .ico{color:hsl(var(--muted-foreground))}.cmdk-input{flex:1;border:none;background:rgba(0,0,0,0);font-size:.95rem;color:hsl(var(--foreground));outline:none}.cmdk-list{max-height:55vh;overflow-y:auto;padding:.4rem}.cmdk-group-label{font-size:.64rem;text-transform:uppercase;letter-spacing:.06em;color:hsl(var(--muted-foreground));font-weight:600;padding:.5rem .6rem .25rem}.cmdk-item{display:flex;align-items:center;gap:.6rem;width:100%;text-align:left;padding:.55rem .6rem;border-radius:calc(var(--radius) - .2rem);font-size:.85rem;color:hsl(var(--foreground))}.cmdk-item .ico{width:18px;text-align:center;flex-shrink:0;opacity:.8}.cmdk-item .cmdk-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmdk-item .cmdk-hint{font-size:.68rem;color:hsl(var(--muted-foreground))}.cmdk-item.selected{background:hsl(var(--accent)/0.12)}.cmdk-item.selected .ico{color:hsl(var(--accent))}.cmdk-empty{padding:1.5rem;text-align:center;color:hsl(var(--muted-foreground));font-size:.82rem}.cmdk-foot{display:flex;gap:1rem;padding:.5rem 1rem;border-top:1px solid hsl(var(--border));font-size:.68rem;color:hsl(var(--muted-foreground))}@keyframes pop-in{from{opacity:0;transform:translateY(-8px) scale(0.98)}to{opacity:1;transform:translateY(0) scale(1)}}.kbd-table{display:flex;flex-direction:column;gap:.5rem;margin-top:.4rem}.kbd-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.82rem}.kbd-row .keys{display:inline-flex;gap:.25rem}.confetti-canvas{position:fixed;inset:0;z-index:90;pointer-events:none;display:none}.confetti-canvas.active{display:block}.stat-card,.card{animation:reveal .25s ease-out both}.btn-accent:not(:disabled):hover{box-shadow:0 6px 20px hsl(var(--accent)/0.35)}.header-search-hint{display:inline-flex;align-items:center;gap:.35rem;font-size:.68rem;color:hsl(var(--muted-foreground))}.app{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;z-index:30;display:flex;flex-direction:column;gap:.25rem;padding:1rem .75rem;background:hsl(var(--card));border-right:1px solid hsl(var(--border))}.side-brand{display:flex;align-items:center;gap:.65rem;padding:.35rem .5rem 1rem}.side-brand .brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg, hsl(var(--accent)), hsl(268, 80%, 60%));color:#fff;font-weight:700;box-shadow:var(--shadow-sm);flex-shrink:0}.side-brand .brand-name{font-size:.95rem;font-weight:600;line-height:1.1}.side-brand .brand-sub{font-size:.66rem;color:hsl(var(--muted-foreground))}.side-section-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.07em;color:hsl(var(--muted-foreground));font-weight:600;padding:.75rem .6rem .3rem}.side-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:.65rem;width:100%;text-align:left;padding:.55rem .65rem;border-radius:calc(var(--radius) - .2rem);font-size:.85rem;font-weight:500;color:hsl(var(--muted-foreground));transition:background .14s ease,color .14s ease}.nav-item .nav-ico{width:18px;display:grid;place-items:center;flex-shrink:0}.nav-item .nav-ico svg{width:16px;height:16px}.nav-item .nav-badge{margin-left:auto;font-size:.66rem;font-weight:600;min-width:20px;text-align:center;padding:.05rem .4rem;border-radius:9999px;background:hsl(var(--muted));color:hsl(var(--muted-foreground))}.nav-item:hover{background:hsl(var(--muted));color:hsl(var(--foreground))}.nav-item.active{background:hsl(var(--accent)/0.12);color:hsl(var(--accent))}.nav-item.active .nav-badge{background:hsl(var(--accent));color:hsl(var(--accent-foreground))}.side-foot{margin-top:auto;display:flex;flex-direction:column;gap:.4rem;padding-top:.75rem;border-top:1px solid hsl(var(--border))}.side-foot .status-pill{justify-self:start}.side-foot .foot-links{display:flex;gap:.4rem}.btn .btn-ico{width:14px;height:14px}#theme-toggle .ico-moon,#theme-toggle .ico-sun{width:15px;height:15px}#theme-toggle .ico-sun{display:none}[data-theme=dark] #theme-toggle .ico-sun{display:block}[data-theme=dark] #theme-toggle .ico-moon{display:none}.content{display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:25;display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;background:hsl(var(--background)/0.82);backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid hsl(var(--border))}.topbar-titles{min-width:0}.topbar-title{font-size:1.05rem;font-weight:600;letter-spacing:-0.01em}.topbar-sub{font-size:.74rem;color:hsl(var(--muted-foreground))}.topbar-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.menu-btn{display:none}.search-trigger{display:inline-flex;align-items:center;gap:.5rem;height:34px;padding:0 .6rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .2rem);background:hsl(var(--background));color:hsl(var(--muted-foreground));font-size:.78rem;cursor:pointer;min-width:180px}.search-trigger:hover{background:hsl(var(--muted))}.search-trigger .st-ico{opacity:.8}.search-trigger .st-keys{margin-left:auto}.view-wrap{padding:1.25rem;max-width:1100px;width:100%;margin-inline:auto}.view{display:none;flex-direction:column;gap:1.15rem}.view.active{display:flex;animation:reveal .22s ease-out}.section-title{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:hsl(var(--muted-foreground))}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.15rem;align-items:start}@media(max-width: 900px){.grid-2{grid-template-columns:1fr}}.quick-row{display:flex;flex-wrap:wrap;gap:.4rem}.quick-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .6rem;border:1px solid hsl(var(--border));border-radius:9999px;background:hsl(var(--subtle));font-size:.72rem;color:hsl(var(--muted-foreground));cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease}.quick-chip:hover{border-color:hsl(var(--accent)/0.5);color:hsl(var(--foreground));background:hsl(var(--accent)/0.06)}.quick-chip img{width:14px;height:14px;border-radius:3px}.quick-chip b{color:hsl(var(--foreground));font-weight:600}.advanced{border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .15rem);background:hsl(var(--subtle))}.advanced>summary{list-style:none;cursor:pointer;padding:.65rem .85rem;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.5rem;color:hsl(var(--foreground))}.advanced>summary::-webkit-details-marker{display:none}.advanced>summary .chev{margin-left:auto;transition:transform .18s ease;color:hsl(var(--muted-foreground))}.advanced[open]>summary .chev{transform:rotate(180deg)}.advanced .advanced-body{padding:0 .85rem .9rem;display:flex;flex-direction:column;gap:.85rem;border-top:1px solid hsl(var(--border));padding-top:.85rem}.detect-list{display:flex;flex-direction:column;gap:.4rem}.detect-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.45rem .6rem;border:1px solid hsl(var(--border));border-radius:calc(var(--radius) - .25rem);background:hsl(var(--background));font-size:.76rem}.detect-item .mono{color:hsl(var(--foreground))}.detect-item .conf{font-size:.64rem;color:hsl(var(--muted-foreground))}.nav-backdrop{display:none}@media(max-width: 960px){.app{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;width:262px;transform:translateX(-100%);transition:transform .24s cubic-bezier(0.22, 1, 0.36, 1);box-shadow:var(--shadow-lg)}.menu-btn{display:inline-flex}.app.nav-open .sidebar{transform:translateX(0)}.app.nav-open .nav-backdrop{display:block;position:fixed;inset:0;z-index:28;background:hsla(240,10%,3.9%,.5);backdrop-filter:blur(2px);animation:reveal .15s ease-out}.search-trigger{min-width:0}.search-trigger .st-label,.search-trigger .st-keys{display:none}.topbar{padding:.7rem .9rem}.view-wrap{padding:.9rem}}@media(max-width: 560px){.stat-grid{grid-template-columns:1fr 1fr}.topbar-sub{display:none}}
