@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;700&family=Inter:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.container{padding:0 1rem}@media (prefers-color-scheme:dark){.w-tc-editor{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}}@media (prefers-color-scheme:light){.w-tc-editor{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}}.w-tc-editor[data-color-mode*=dark],[data-color-mode*=dark] .w-tc-editor,[data-color-mode*=dark] .w-tc-editor-var,body[data-color-mode*=dark]{--color-fg-default:#c9d1d9;--color-canvas-subtle:#161b22;--color-prettylights-syntax-comment:#8b949e;--color-prettylights-syntax-entity-tag:#7ee787;--color-prettylights-syntax-entity:#d2a8ff;--color-prettylights-syntax-sublimelinter-gutter-mark:#484f58;--color-prettylights-syntax-constant:#79c0ff;--color-prettylights-syntax-string:#a5d6ff;--color-prettylights-syntax-keyword:#ff7b72;--color-prettylights-syntax-markup-bold:#c9d1d9}.w-tc-editor[data-color-mode*=light],[data-color-mode*=light] .w-tc-editor,[data-color-mode*=light] .w-tc-editor-var,body[data-color-mode*=light]{--color-fg-default:#24292f;--color-canvas-subtle:#f6f8fa;--color-prettylights-syntax-comment:#6e7781;--color-prettylights-syntax-entity-tag:#116329;--color-prettylights-syntax-entity:#8250df;--color-prettylights-syntax-sublimelinter-gutter-mark:#8c959f;--color-prettylights-syntax-constant:#0550ae;--color-prettylights-syntax-string:#0a3069;--color-prettylights-syntax-keyword:#cf222e;--color-prettylights-syntax-markup-bold:#24292f}.w-tc-editor{background-color:var(--color-canvas-subtle);color:var(--color-fg-default);font-family:inherit;font-size:12px}.w-tc-editor-preview,.w-tc-editor-text{min-height:16px}.w-tc-editor-preview pre{font-family:inherit;font-size:inherit;margin:0;padding:0;white-space:inherit}.w-tc-editor-preview pre code{font-family:inherit}.w-tc-editor code[class*=language-] .token.cdata,.w-tc-editor code[class*=language-] .token.comment,.w-tc-editor code[class*=language-] .token.doctype,.w-tc-editor code[class*=language-] .token.prolog,.w-tc-editor pre[class*=language-] .token.cdata,.w-tc-editor pre[class*=language-] .token.comment,.w-tc-editor pre[class*=language-] .token.doctype,.w-tc-editor pre[class*=language-] .token.prolog{color:var(--color-prettylights-syntax-comment)}.w-tc-editor code[class*=language-] .token.punctuation,.w-tc-editor pre[class*=language-] .token.punctuation{color:var(--color-prettylights-syntax-sublimelinter-gutter-mark)}.w-tc-editor code[class*=language-] .namespace,.w-tc-editor pre[class*=language-] .namespace{opacity:.7}.w-tc-editor code[class*=language-] .token.boolean,.w-tc-editor code[class*=language-] .token.constant,.w-tc-editor code[class*=language-] .token.deleted,.w-tc-editor code[class*=language-] .token.number,.w-tc-editor code[class*=language-] .token.symbol,.w-tc-editor pre[class*=language-] .token.boolean,.w-tc-editor pre[class*=language-] .token.constant,.w-tc-editor pre[class*=language-] .token.deleted,.w-tc-editor pre[class*=language-] .token.number,.w-tc-editor pre[class*=language-] .token.symbol{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .style .token.string,.w-tc-editor code[class*=language-] .token.builtin,.w-tc-editor code[class*=language-] .token.char,.w-tc-editor code[class*=language-] .token.entity,.w-tc-editor code[class*=language-] .token.inserted,.w-tc-editor code[class*=language-] .token.operator,.w-tc-editor code[class*=language-] .token.property,.w-tc-editor code[class*=language-] .token.selector,.w-tc-editor code[class*=language-] .token.string,.w-tc-editor code[class*=language-] .token.url,.w-tc-editor pre[class*=language-] .style .token.string,.w-tc-editor pre[class*=language-] .token.builtin,.w-tc-editor pre[class*=language-] .token.char,.w-tc-editor pre[class*=language-] .token.entity,.w-tc-editor pre[class*=language-] .token.inserted,.w-tc-editor pre[class*=language-] .token.operator,.w-tc-editor pre[class*=language-] .token.property,.w-tc-editor pre[class*=language-] .token.selector,.w-tc-editor pre[class*=language-] .token.string,.w-tc-editor pre[class*=language-] .token.url{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.atrule,.w-tc-editor code[class*=language-] .token.keyword,.w-tc-editor code[class*=language-] .token.property-access .token.method,.w-tc-editor pre[class*=language-] .token.atrule,.w-tc-editor pre[class*=language-] .token.keyword,.w-tc-editor pre[class*=language-] .token.property-access .token.method{color:var(--color-prettylights-syntax-keyword)}.w-tc-editor code[class*=language-] .token.function,.w-tc-editor pre[class*=language-] .token.function{color:var(--color-prettylights-syntax-string)}.w-tc-editor code[class*=language-] .token.important,.w-tc-editor code[class*=language-] .token.regex,.w-tc-editor code[class*=language-] .token.variable,.w-tc-editor pre[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.regex,.w-tc-editor pre[class*=language-] .token.variable{color:var(--color-prettylights-syntax-string-regexp)}.w-tc-editor code[class*=language-] .token.bold,.w-tc-editor code[class*=language-] .token.important,.w-tc-editor pre[class*=language-] .token.bold,.w-tc-editor pre[class*=language-] .token.important{color:var(--color-prettylights-syntax-markup-bold)}.w-tc-editor code[class*=language-] .token.tag,.w-tc-editor pre[class*=language-] .token.tag{color:var(--color-prettylights-syntax-entity-tag)}.w-tc-editor code[class*=language-] .token.attr-name,.w-tc-editor code[class*=language-] .token.attr-value,.w-tc-editor pre[class*=language-] .token.attr-name,.w-tc-editor pre[class*=language-] .token.attr-value{color:var(--color-prettylights-syntax-constant)}.w-tc-editor code[class*=language-] .token.class-name,.w-tc-editor code[class*=language-] .token.selector .class,.w-tc-editor pre[class*=language-] .token.class-name,.w-tc-editor pre[class*=language-] .token.selector .class{color:var(--color-prettylights-syntax-entity)}.landing-page{--landing-header-offset:5rem;color:var(--text-primary);font-family:Inter,Arial,sans-serif;line-height:1.6}.landing-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:100}.landing-header-inner{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem;margin:0 auto;max-width:1200px;padding:.75rem 2rem}.landing-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);background-clip:text;-webkit-background-clip:text;background-color:initial;border:none;cursor:pointer;font-family:inherit;font-size:1.25rem;font-weight:800;line-height:1;padding:0;white-space:nowrap}.landing-nav{display:flex;flex:1 1;gap:1.5rem}.landing-nav a{color:var(--text-secondary);font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s ease;white-space:nowrap}.landing-nav a:hover{color:var(--text-accent)}.landing-header-actions{align-items:center;display:flex;flex:1 1 auto;flex-wrap:wrap;gap:.75rem;justify-content:flex-end;min-width:0}.landing-admin-btn{background:#0000;border:1px solid var(--text-accent);border-radius:8px;color:var(--text-accent);cursor:pointer;font-size:.85rem;font-weight:700;padding:.4rem .85rem;transition:all .2s ease;white-space:nowrap}.landing-admin-btn:hover{background:var(--text-accent);color:#fff}.features,.plans,.security-highlight{scroll-margin-top:var(--landing-header-offset)}.hero{align-items:center;align-items:safe center;background:linear-gradient(135deg,#f8fafc,#e2e8f0 50%,#f1f5f9);box-sizing:border-box;display:flex;min-height:calc(100vh - var(--landing-header-offset));min-height:calc(100svh - var(--landing-header-offset));overflow-x:hidden;padding:2rem 0 3rem;position:relative}.hero:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cdefs%3E%3Cpattern id='a' width='100' height='100' patternUnits='userSpaceOnUse'%3E%3Ccircle cx='25' cy='25' r='.5' fill='%23cbd5e1' opacity='.3'/%3E%3Ccircle cx='75' cy='75' r='.5' fill='%23cbd5e1' opacity='.2'/%3E%3Ccircle cx='50' cy='10' r='.3' fill='%23cbd5e1' opacity='.4'/%3E%3Ccircle cx='10' cy='60' r='.3' fill='%23cbd5e1' opacity='.25'/%3E%3C/pattern%3E%3C/defs%3E%3Cpath fill='url(%23a)' d='M0 0h100v100H0z'/%3E%3C/svg%3E");bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:2rem;position:relative;z-index:1}.hero-text{color:#1e293b}.hero-title{font-size:3.5rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000001a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#3b82f6,#1e40af);background-clip:text;-webkit-background-clip:text;font-weight:900;text-shadow:none}.hero-description{color:#64748b;font-size:1.2rem;margin-bottom:2rem;opacity:.8;text-shadow:none}.hero-buttons{display:flex;flex-wrap:wrap;gap:1rem}.cta-button{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.cta-button,.cta-button *,.cta-button.primary{color:#fff!important}.cta-button.primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);transform:translateY(0)}.cta-button.primary:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 8px 25px #3b82f666;transform:translateY(-2px)}.cta-button.secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#3b82f61a;border:2px solid #3b82f64d;color:#3b82f6}.cta-button.secondary:hover{background:#3b82f626;border-color:#3b82f680;transform:translateY(-2px)}.cta-button.large{font-size:1.3rem;padding:1.25rem 3rem}.cta-button.large,.cta-section .cta-button,.cta-section .cta-button *{color:#fff!important}.hero-demo{perspective:1000px}.demo-window{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;transform:rotateY(-5deg) rotateX(5deg);transition:transform .3s ease}.demo-window:hover{transform:rotateY(0deg) rotateX(0deg)}.demo-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;gap:1rem;padding:1rem}.demo-dots{display:flex;gap:.5rem}.dot{border-radius:50%;height:12px;width:12px}.dot.red{background:#ff5f57}.dot.yellow{background:#ffbd2e}.dot.green{background:#28ca42}.demo-title{color:#fff;font-size:1rem;font-weight:600}.demo-content{max-height:400px;overflow:hidden}.demo-code{background:linear-gradient(180deg,#f7fafc,#edf2f7);color:#2d3748;font-family:Fira Mono,monospace;font-size:.85rem;line-height:1.5;margin:0;padding:1.5rem}.container{margin:0 auto;max-width:1200px;padding:0 2rem}.features,.use-cases{background:var(--bg-secondary);padding:6rem 0}.use-cases{background:var(--bg-primary)}.section-title{color:var(--text-primary);font-size:2.5rem;font-weight:800;margin-bottom:1rem;text-align:center}.section-subtitle{color:var(--text-secondary);font-size:1.2rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.feature-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-md);padding:2.5rem;text-align:center;transition:all .3s ease}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.feature-icon{align-items:center;color:var(--text-accent);display:flex;font-size:3rem;justify-content:center;margin-bottom:1.5rem}.feature-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:var(--text-secondary);line-height:1.6}.use-cases-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.use-case{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-sm);padding:2rem;text-align:center;transition:all .3s ease}.use-case:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.use-case-icon{align-items:center;color:var(--text-accent);display:flex;font-size:2.5rem;justify-content:center;margin-bottom:1rem}.use-case h3{color:var(--text-primary);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.use-case p{color:var(--text-secondary);line-height:1.5}.plans{background:var(--bg-secondary);padding:6rem 0}.plans-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:0 auto;max-width:1200px}.plan-card{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:20px;box-shadow:var(--shadow-md);display:flex;flex-direction:column;padding:2.5rem;position:relative;text-align:center;transition:all .3s ease}.plan-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.plan-card--pro{border:2px solid #3b82f6;box-shadow:0 20px 40px #3b82f626}.plan-card--business{border:2px solid #0f766e;box-shadow:0 20px 40px #0f766e26}.plan-card--light{border:2px solid #8b5cf6;box-shadow:0 20px 40px #8b5cf61f}.plan-badge{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;left:50%;padding:.25rem 1rem;position:absolute;top:-.875rem;transform:translateX(-50%);white-space:nowrap}.plan-card--light .plan-badge{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.plan-card--business .plan-badge{background:linear-gradient(135deg,#0d9488,#0f766e)}.plan-name{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.plan-price{color:var(--text-accent);font-size:1.75rem;font-weight:800;margin:0 0 2rem}.plan-features{flex:1 1;list-style:none;margin:0 0 2rem;padding:0;text-align:left}.plan-features li{align-items:flex-start;color:var(--text-secondary);display:flex;gap:.5rem;line-height:1.5;margin-bottom:.75rem}.plan-features li svg{color:#3b82f6;flex-shrink:0;margin-top:.25rem}.plan-cta{width:100%}.plan-cta:disabled{cursor:not-allowed;opacity:.6;transform:none}.plan-cta:disabled:hover{box-shadow:0 4px 12px #00000026;transform:none}.plan-note{color:var(--text-secondary);font-size:.85rem;margin:1rem 0 0}.cta-section{background:linear-gradient(135deg,#1e293b,#334155);padding:6rem 0;position:relative;text-align:center}.cta-section:before{background:#0000004d;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.cta-content{margin:0 auto;max-width:800px;position:relative;z-index:2}.cta-content,.cta-content *,.cta-content button,.cta-content button *,.cta-title{color:#fff!important}.cta-title{font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 2px 4px #0000004d}.cta-description{color:#fff!important;font-size:1.2rem;margin-bottom:2.5rem;opacity:1;text-shadow:0 1px 2px #0000004d}.footer{background:var(--bg-tertiary);border-top:1px solid var(--border-primary);padding:4rem 0 2rem}.footer-content{grid-gap:4rem;display:grid;gap:4rem;grid-template-columns:1fr 2fr;margin-bottom:2rem}.footer-brand h3{color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:1rem}.footer-brand p{color:var(--text-secondary)}.footer-links{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.footer-section h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin-bottom:1rem}.footer-section ul{list-style:none;margin:0;padding:0}.footer-section li{color:var(--text-secondary);margin-bottom:.5rem;transition:color .2s ease}.footer-section li:hover{color:var(--text-accent);cursor:pointer}.footer-bottom{border-top:1px solid var(--border-primary);padding-top:2rem;text-align:center}.footer-bottom p{color:var(--text-secondary);margin:0}.security-highlight{background:#000;overflow:hidden;padding:6rem 0;position:relative}.security-content{position:relative;text-align:center;z-index:1}.security-title{align-items:center;display:flex;font-size:2.5rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1.5rem}.security-title,.security-title *{color:#000!important}.security-title-icon{color:#3b82f6;font-size:3rem}.security-subtitle{color:#000!important;font-size:1.2rem;font-weight:500;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:800px}.security-features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1000px}.security-feature{background:#1e293b;border:1px solid #3b82f64d;border-radius:20px;padding:2.5rem 2rem;transition:all .3s ease}.security-feature:hover{background:#334155;border-color:#3b82f680;box-shadow:0 20px 40px #3b82f633;transform:translateY(-5px)}.security-feature-icon{color:#3b82f6;display:flex;font-size:2.5rem;justify-content:center;margin-bottom:1.5rem}.security-feature h3{color:#fff!important;font-size:1.3rem;font-weight:700;margin-bottom:1rem}.security-feature p{color:#e2e8f0!important;font-size:.95rem;line-height:1.6}@media (max-width:1024px){.hero-content{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.demo-window{margin:0 auto;max-width:500px;transform:none}.features-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}@media (max-width:768px){.landing-page{--landing-header-offset:6.5rem}.landing-nav{display:none}.landing-header-inner{gap:.75rem 1rem;padding:.65rem 1rem}.landing-header-actions{gap:.5rem}.landing-header-actions .language-toggle{flex-shrink:0}.landing-header-actions .auth-control{flex-wrap:wrap;justify-content:flex-end}.landing-header-actions .auth-control__btn{font-size:.8rem;padding:.4rem .65rem}.hero{align-items:flex-start;min-height:0;padding:1.5rem 0 2.5rem}.hero-title{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-buttons{justify-content:center}.cta-button{font-size:1rem;padding:.875rem 1.5rem}.features,.plans,.use-cases{padding:4rem 0}.section-title{font-size:2rem}.features-grid,.plans-grid,.security-features,.use-cases-grid{grid-template-columns:1fr}.security-title{flex-direction:column;font-size:2rem;gap:.5rem}.security-feature{padding:2rem 1.5rem}.footer-content{gap:2rem;grid-template-columns:1fr;text-align:center}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.container{padding:0 1rem}.hero-content{padding:1rem}.hero-title{font-size:2rem}.demo-code{font-size:.75rem;padding:1rem}.feature-card,.use-case{padding:1.5rem}.footer-links{grid-template-columns:1fr}}.language-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:25px;display:flex;gap:2px;padding:4px}.lang-btn{background:#0000;border:none;border-radius:20px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.lang-btn:hover{background:#fff3;color:#000}.lang-btn.active{background:#007bff;box-shadow:0 2px 8px #007bff4d;color:#fff}.dark .lang-btn{color:#e5e5e5}.dark .lang-btn:hover{background:#ffffff26;color:#fff}.dark .lang-btn.active{background:#007bff;color:#fff}.auth-control{align-items:center;display:flex;gap:.5rem}.auth-control__user{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:.85rem;gap:.4rem;min-width:0}.auth-control__email{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-control__plan{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:999px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:.7rem;font-weight:700;letter-spacing:.02em;padding:.15rem .45rem;text-transform:uppercase}.auth-control__plan--paid{background:linear-gradient(135deg,#7c3aed22,#2563eb22);border-color:var(--text-accent);color:var(--text-accent)}.auth-control__plan:disabled{cursor:not-allowed;opacity:.6}.auth-control__btn--accent,.auth-control__btn--accent:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);border-color:#0000;color:#fff}.auth-control__btn--accent:hover{filter:brightness(1.05)}.auth-control__btn{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:.9rem;font-weight:500;gap:.35rem;padding:.5rem .85rem;transition:all .2s ease}.auth-control__btn:hover{background:var(--text-accent);border-color:var(--text-accent);color:#fff}@media (max-width:720px){.auth-control__email{display:none}}.security-warning-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:10000}.security-warning-modal{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.security-warning-header{align-items:center;border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;padding:2rem 2rem 1rem}.security-icon{color:#f59e0b;font-size:2rem}.security-warning-header h2{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0}.security-warning-content{padding:2rem}.warning-section{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.dark .warning-section{background:#451a03;border-left-color:#f59e0b}.warning-section h3{align-items:center;color:#92400e;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.dark .warning-section h3{color:#fbbf24}.warning-icon{color:#f59e0b}.warning-section ul{color:#92400e;margin:0;padding-left:1.5rem}.dark .warning-section ul{color:#fde68a}.warning-section li{line-height:1.5;margin-bottom:.5rem}.security-measures{background:#ecfdf5;border-left:4px solid #10b981;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.dark .security-measures{background:#064e3b}.security-measures h3{align-items:center;color:#065f46;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.dark .security-measures h3{color:#34d399}.shield-icon{color:#10b981}.security-measures ul{color:#065f46;list-style:none;margin:0;padding:0}.dark .security-measures ul{color:#a7f3d0}.security-measures li{align-items:center;display:flex;gap:.5rem;line-height:1.5;margin-bottom:.5rem}.check-icon{color:#10b981;flex-shrink:0;font-size:1rem}.responsibility-notice{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:2rem;padding:1.5rem}.responsibility-notice p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0}.responsibility-notice strong{color:var(--text-primary)}.checkbox-container{margin-bottom:2rem}.checkbox-container label{align-items:flex-start;color:var(--text-primary);cursor:pointer;display:flex;font-weight:500;gap:.75rem;line-height:1.5}.checkbox-container input[type=checkbox]{flex-shrink:0;height:1rem;margin-top:.125rem;width:1rem}.security-warning-actions{display:flex;gap:1rem;justify-content:flex-end}.accept-button{background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:8px;box-shadow:0 2px 8px #10b98133;color:#fff;cursor:pointer;font-weight:600;padding:.75rem 2rem;transition:all .2s ease}.accept-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.accept-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.dismiss-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.dismiss-button:hover{background:var(--bg-primary);color:var(--text-primary);transform:translateY(-1px)}@media (max-width:768px){.security-warning-overlay{padding:.5rem}.security-warning-modal{max-height:95vh}.security-warning-header{padding:1.5rem 1.5rem 1rem}.security-warning-header h2{font-size:1.25rem}.security-warning-content{padding:1.5rem}.responsibility-notice,.security-measures,.warning-section{padding:1rem}.security-warning-actions{flex-direction:column}.accept-button,.dismiss-button{justify-content:center;width:100%}}.ai-edit-panel{background:var(--bg-tertiary);border:1.5px solid var(--border-primary);border-radius:10px;overflow:hidden}.ai-edit-panel--preview{flex-shrink:0;margin:0 0 .85rem;max-width:640px;width:100%}.ai-edit-panel--locked{padding:.55rem .85rem}.ai-edit-panel__locked-row{align-items:center;color:var(--text-secondary);display:flex;font-size:.9rem;font-weight:600;gap:.5rem}.ai-edit-panel__badge{background:linear-gradient(135deg,#7c3aed33,#2563eb33);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-accent);font-size:.7rem;font-weight:700;letter-spacing:.02em;margin-left:auto;padding:.15rem .45rem;text-transform:uppercase}.ai-edit-panel__login{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.8rem;font-weight:600;gap:.35rem;margin-left:auto;padding:.3rem .7rem}.ai-edit-panel__locked-note{color:var(--text-secondary);font-size:.78rem;line-height:1.4;margin:0;padding:0 .85rem .6rem}.ai-edit-panel__toggle{align-items:center;background:#0000;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.55rem .85rem;width:100%}.ai-edit-panel__toggle:hover{background:#2563eb14}.ai-edit-panel__toggle-label{align-items:center;display:inline-flex;gap:.4rem}.ai-edit-panel__body{display:flex;flex-direction:column;gap:.4rem;padding:0 .85rem .75rem}.ai-edit-panel__skill-row{align-items:center;display:flex;flex-wrap:wrap;gap:.55rem}.ai-edit-panel__skill-row .ai-edit-panel__label{margin:0}.ai-edit-panel__skill-select{appearance:none;-webkit-appearance:none;background:var(--bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;border:1.5px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-family:inherit;font-size:.82rem;font-weight:500;max-width:14rem;min-width:8rem;padding:.35rem 1.6rem .35rem .55rem}.ai-edit-panel__skill-select:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.ai-edit-panel__skill-select:disabled{cursor:not-allowed;opacity:.65}.ai-edit-panel__label{color:var(--text-secondary);font-size:.8rem;font-weight:600}.ai-edit-panel__row{align-items:stretch;display:flex;gap:.55rem}.ai-edit-panel__input{background:var(--bg-secondary);border:1.5px solid var(--border-secondary);border-radius:8px;box-sizing:border-box;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:.9rem;line-height:1.4;max-height:7rem;min-height:2.6rem;min-width:0;padding:.55rem .7rem;resize:vertical}.ai-edit-panel__input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.ai-edit-panel__input:disabled{cursor:not-allowed;opacity:.65}.ai-edit-panel__submit{align-items:center;align-self:stretch;background:linear-gradient(135deg,#7c3aed,#2563eb);border:none;border-radius:8px;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.88rem;font-weight:600;gap:.35rem;justify-content:center;min-width:7.5rem;padding:.45rem .85rem;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease;white-space:nowrap}.ai-edit-panel__submit:hover:not(:disabled){box-shadow:var(--shadow-md);transform:translateY(-1px)}.ai-edit-panel__submit:disabled{cursor:not-allowed;opacity:.45;transform:none}.ai-edit-panel__error{background:var(--error-bg);border-radius:6px;color:var(--error-text);font-size:.82rem;margin:0;padding:.4rem .55rem}.ai-edit-panel__hint{line-height:1.35}.ai-edit-panel__hint,.ai-edit-panel__quota{color:var(--text-secondary);font-size:.75rem;margin:0}.ai-edit-panel__quota{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem;line-height:1.4}.ai-edit-panel__quota--out{color:#dc2626;font-weight:600}.ai-edit-panel__quota-note{color:var(--text-secondary);font-size:.7rem;font-weight:500;line-height:1.35;margin:.35rem 0 0}.ai-edit-panel__upgrade{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-size:.72rem;font-weight:700;gap:.25rem;margin-left:.25rem;padding:.2rem .55rem}.ai-edit-panel__spin{animation:ai-edit-spin .8s linear infinite}@keyframes ai-edit-spin{to{transform:rotate(1turn)}}.ai-edit-panel--loading .ai-edit-panel__input{opacity:.8}@media (max-width:640px){.ai-edit-panel__row{flex-direction:column}.ai-edit-panel__submit{align-self:stretch;min-height:2.5rem}}.auth-modal__overlay{align-items:center;background:#0f172a73;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.auth-modal__dialog{background:var(--bg-secondary);border-radius:14px;box-shadow:var(--shadow-lg);max-width:400px;padding:1.5rem;position:relative;width:100%}.auth-modal__close{background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.auth-modal__close:hover{background:var(--bg-tertiary)}.auth-modal__title{color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:0 0 .75rem}.auth-modal__message{color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:0 0 1rem}.auth-modal__form{display:flex;flex-direction:column;gap:.75rem}.auth-modal__input{background:var(--bg-primary);border:1.5px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.6rem .75rem;width:100%}.auth-modal__input:focus{border-color:var(--text-accent);box-shadow:0 0 0 3px #2563eb2e;outline:none}.auth-modal__error{color:var(--error-text);font-size:.82rem;margin:0}.auth-modal__submit{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.4rem;justify-content:center;padding:.6rem 1rem}.auth-modal__submit:disabled{cursor:not-allowed;opacity:.6}.plan-modal__overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.plan-modal__dialog{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 24px 64px #0f172a47;color:#0f172a;color:var(--text-primary,#0f172a);max-height:min(90vh,900px);overflow:auto;padding:1.5rem 1.5rem 1.25rem;position:relative;width:min(1100px,100%)}.plan-modal__close{background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:1.25rem;padding:.25rem;position:absolute;right:.85rem;top:.85rem}.plan-modal__title{font-size:1.35rem;margin:0 2rem .35rem 0}.plan-modal__subtitle{font-size:.95rem;line-height:1.5;margin:0 0 1.25rem}.plan-modal__disclaimer,.plan-modal__subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.plan-modal__disclaimer{font-size:.8rem;line-height:1.45;margin:-.75rem 0 1.25rem}.plan-modal__grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(4,minmax(0,1fr))}.plan-modal__card{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;display:flex;flex-direction:column;gap:.55rem;padding:1rem;position:relative}.plan-modal__card--highlight{border-color:#7c3aed;box-shadow:0 0 0 1px #7c3aed33}.plan-modal__card--current{background:linear-gradient(180deg,#7c3aed0d,#0000)}.plan-modal__badge{background:#7c3aed;border-radius:999px;color:#fff;font-size:.7rem;font-weight:700;padding:.15rem .45rem;position:absolute;right:.7rem;top:.7rem}.plan-modal__name{font-size:1.1rem;margin:0}.plan-modal__price{color:#2563eb;color:var(--text-accent,#2563eb);font-size:1.25rem;font-weight:700;margin:0}.plan-modal__features{color:#475569;color:var(--text-secondary,#475569);display:flex;flex:1 1;flex-direction:column;font-size:.85rem;gap:.35rem;list-style:none;margin:0;padding:0}.plan-modal__features li{align-items:flex-start;display:flex;gap:.35rem;line-height:1.4}.plan-modal__features svg{color:#16a34a;flex-shrink:0;margin-top:.15rem}.plan-modal__cta{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.4rem;justify-content:center;margin-top:.35rem;padding:.65rem .75rem;width:100%}.plan-modal__cta:disabled{cursor:not-allowed;opacity:.55}.plan-modal__manage{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:8px;color:#0f172a;color:var(--text-primary,#0f172a);cursor:pointer;display:inline-flex;font:inherit;font-weight:600;gap:.4rem;justify-content:center;margin-top:1rem;padding:.65rem .75rem;width:100%}.plan-modal__manage:disabled{cursor:not-allowed;opacity:.55}.plan-modal__error{color:#dc2626;font-size:.9rem;margin:.85rem 0 0}.plan-modal__spin{animation:plan-modal-spin .9s linear infinite}@keyframes plan-modal-spin{to{transform:rotate(1turn)}}@media (max-width:960px){.plan-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.plan-modal__grid{grid-template-columns:1fr}}.usage-modal__overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1200}.usage-modal__dialog{background:#fff;background:var(--bg-primary,#fff);border-radius:16px;box-shadow:0 24px 64px #0f172a47;color:#0f172a;color:var(--text-primary,#0f172a);max-height:min(90vh,720px);overflow:auto;padding:1.5rem 1.4rem 1.25rem;position:relative;width:min(440px,100%)}.usage-modal__close{background:#0000;border:none;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:1.25rem;padding:.25rem;position:absolute;right:.85rem;top:.85rem}.usage-modal__title{align-items:center;display:flex;font-size:1.25rem;gap:.45rem;margin:0 2rem .35rem 0}.usage-modal__subtitle{color:#64748b;color:var(--text-secondary,#64748b);font-size:.9rem;line-height:1.45;margin:0 0 1.15rem}.usage-modal__plan-row{align-items:center;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.usage-modal__label{font-size:.85rem}.usage-modal__label,.usage-modal__plan-badge{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__plan-badge{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.02em;padding:.2rem .55rem;text-transform:uppercase}.usage-modal__plan-badge--paid{background:linear-gradient(135deg,#7c3aed22,#2563eb22);border-color:#2563eb;border-color:var(--text-accent,#2563eb);color:#2563eb;color:var(--text-accent,#2563eb)}.usage-modal__percent-block{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-primary,#e2e8f0);border-radius:12px;margin:0 0 .85rem;padding:1rem .75rem;text-align:center}.usage-modal__percent{font-size:2.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.1}.usage-modal__percent--out{color:#b91c1c}.usage-modal__percent-label{color:#64748b;color:var(--text-secondary,#64748b);font-size:.85rem;margin-top:.35rem}.usage-modal__meter{margin-bottom:.85rem}.usage-modal__meter-track{background:#e2e8f0;background:var(--bg-tertiary,#e2e8f0);border-radius:999px;height:8px;overflow:hidden}.usage-modal__meter-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .25s ease}.usage-modal__meter-fill--near{background:#d97706}.usage-modal__meter-fill--out{background:#dc2626}.usage-modal__exhausted{background:#fef2f2;border-radius:8px;color:#b91c1c;font-size:.85rem;font-weight:600;margin:0 0 .85rem;padding:.55rem .7rem}.usage-modal__meta{grid-gap:.45rem;display:grid;gap:.45rem;margin:0 0 .85rem}.usage-modal__meta>div{display:flex;font-size:.85rem;gap:.75rem;justify-content:space-between}.usage-modal__meta dt{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__meta dd{font-weight:600;margin:0;text-align:right}.usage-modal__disclaimer{color:#64748b;color:var(--text-secondary,#64748b);font-size:.78rem;line-height:1.45;margin:0 0 1.1rem}.usage-modal__actions{display:flex;flex-wrap:wrap;gap:.55rem}.usage-modal__cta,.usage-modal__secondary{align-items:center;border:1px solid #0000;border-radius:10px;cursor:pointer;display:inline-flex;flex:1 1;font-family:inherit;font-size:.9rem;font-weight:600;gap:.35rem;justify-content:center;min-width:120px;padding:.65rem .9rem}.usage-modal__cta{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.usage-modal__cta:hover{filter:brightness(1.05)}.usage-modal__secondary{background:#fff;background:var(--bg-primary,#fff);border-color:#e2e8f0;border-color:var(--border-primary,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__secondary:hover:not(:disabled){background:#f8fafc;background:var(--bg-secondary,#f8fafc)}.usage-modal__secondary:disabled{cursor:not-allowed;opacity:.65}.usage-modal__empty{padding:.5rem 0 .25rem;text-align:center}.usage-modal__empty p{font-size:.92rem;margin:0 0 1rem}.usage-modal__empty p,.usage-modal__loading{color:#64748b;color:var(--text-secondary,#64748b)}.usage-modal__loading{align-items:center;display:flex;gap:.45rem;justify-content:center;margin:1.5rem 0}.usage-modal__error{color:#b91c1c!important}.usage-modal__spin{animation:usage-modal-spin .9s linear infinite}@keyframes usage-modal-spin{to{transform:rotate(1turn)}}.admin-panel{background:var(--bg-secondary);color:var(--text-primary);font-family:Inter,Arial,sans-serif;min-height:100vh}.admin-header{background:var(--bg-primary);border-bottom:1px solid var(--border-primary);position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-header-inner{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1100px;padding:.85rem 2rem}.admin-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.2rem;font-weight:800;gap:.5rem;margin:0}.admin-back{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:.4rem;padding:.5rem .9rem;transition:all .2s ease}.admin-back:hover{border-color:var(--text-accent);color:var(--text-accent)}.admin-body{margin:0 auto;max-width:1100px;padding:2rem}.admin-error{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;font-size:.9rem;margin:0 0 1.5rem;padding:.75rem 1rem}.admin-section{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.admin-section-title{align-items:center;color:var(--text-primary);display:flex;font-size:1.05rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.admin-stats{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-stat{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;display:flex;flex-direction:column;gap:.25rem;padding:.85rem 1rem}.admin-stat--full{grid-column:1/-1}.admin-stat-label{color:var(--text-secondary);font-size:.75rem;font-weight:600}.admin-stat-value{align-items:center;color:var(--text-primary);display:flex;font-size:1.25rem;font-weight:800;gap:.5rem}.admin-input{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);font-size:.95rem;padding:.35rem .5rem;width:120px}.admin-btn{background:var(--text-accent);border:1px solid var(--text-accent);border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:600;padding:.4rem .85rem;transition:opacity .2s ease}.admin-btn:hover:not(:disabled){opacity:.85}.admin-btn:disabled{cursor:not-allowed;opacity:.5}.admin-btn--small{background:var(--bg-primary);color:var(--text-accent);font-size:.78rem;padding:.3rem .6rem}.admin-refresh{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;height:30px;justify-content:center;margin-left:auto;width:30px}.admin-refresh:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent)}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;font-size:.88rem;width:100%}.admin-table th{color:var(--text-secondary);font-size:.78rem;font-weight:700;text-align:left;white-space:nowrap}.admin-table td,.admin-table th{border-bottom:1px solid var(--border-primary);padding:.6rem .75rem}.admin-table td{color:var(--text-primary);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-email{align-items:center;display:flex;font-weight:600;gap:.5rem;white-space:nowrap}.admin-tag{background:linear-gradient(135deg,#7c3aed33,#2563eb33);border:1px solid var(--border-secondary);border-radius:999px;color:var(--text-accent);font-size:.65rem;font-weight:700;padding:.1rem .4rem;text-transform:uppercase}.admin-muted{color:var(--text-secondary);white-space:nowrap}.admin-select{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:.85rem;padding:.3rem .45rem}.admin-empty{color:var(--text-secondary);font-size:.9rem;margin:0}@media (max-width:768px){.admin-body,.admin-header-inner{padding-left:1rem;padding-right:1rem}}:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--text-primary:#1e293b;--text-secondary:#64748b;--text-accent:#2563eb;--border-primary:#e2e8f0;--border-secondary:#cbd5e1;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--console-bg:#f8fafc;--console-border:#e2e8f0;--error-bg:#fef2f2;--error-text:#dc2626;--warning-bg:#fefce8;--warning-text:#ca8a04;--success-bg:#f0fdf4;--success-text:#16a34a}.dark{--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#334155;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-accent:#3b82f6;--border-primary:#334155;--border-secondary:#475569;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0000004d,0 2px 4px -2px #0000004d;--shadow-lg:0 10px 15px -3px #0000004d,0 4px 6px -4px #0000004d;--console-bg:#1e293b;--console-border:#334155;--error-bg:#7f1d1d;--error-text:#fca5a5;--warning-bg:#78350f;--warning-text:#fcd34d;--success-bg:#14532d;--success-text:#86efac}body{font-family:Inter,Arial,sans-serif}.app.fullscreen,body{background:#f8fafc;background:var(--bg-primary)}.app.fullscreen{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:9999}.app.fullscreen .container{border-radius:0;box-shadow:none;height:auto;margin:0;max-width:100%;min-height:100vh;min-width:0;padding:1rem;width:100%}.container{background:#fff;background:var(--bg-secondary);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);box-sizing:border-box;margin:2rem auto;max-width:100%;padding:1.5rem 2rem;transition:all .3s ease;width:min(96vw,1600px)}.header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem 2rem;justify-content:flex-start;margin-bottom:2rem;max-width:100%;min-width:0;width:100%}.title h1{color:#1e293b;font-size:2rem;font-weight:900;margin:0}.dark .title h1{color:#f1f5f9}.title p{color:#64748b;color:var(--text-secondary);font-size:1rem;margin:.5rem 0 0}.controls{flex:1 1 auto;flex-wrap:wrap;gap:1rem 1.25rem;max-width:100%;min-width:0}.controls,.template-selector{align-items:center;display:flex}.template-selector{gap:.5rem}.template-selector label{color:#64748b;color:var(--text-secondary);font-size:.9rem;font-weight:500}.template-selector select{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-family:inherit;padding:.5rem .75rem}.mode-toggles{display:flex;gap:.5rem}.mode-btn{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.2rem;padding:.5rem;transition:all .2s ease}.mode-btn.active,.mode-btn:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.layout-toggle{display:flex;gap:.5rem}.layout-btn{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.layout-btn.active,.layout-btn:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.split-container{box-sizing:border-box;display:flex;gap:2rem;max-width:100%;min-width:0;overflow-x:auto;width:100%}.split-container.vertical{align-items:stretch;flex-direction:column;gap:0;height:min(75vh,920px);min-height:560px;overflow:hidden}.split-container.horizontal{align-items:stretch;flex-direction:row;gap:0;min-height:min(70vh,720px);overflow:hidden}.split-container.editor-hidden{gap:0}.editor-pane{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;min-width:0;overflow-x:clip}.split-container.horizontal .editor-pane{align-self:stretch;flex:45 1 0%;flex:var(--split-editor,45) 1 0%;min-width:0}.split-container.vertical .editor-pane{flex:45 1 0%;flex:var(--split-editor,45) 1 0%;min-height:180px}.split-container.editor-hidden .preview-pane{flex:1 1 auto;max-width:100%;width:100%}.split-divider{align-self:stretch;background:#0000;border-radius:6px;cursor:col-resize;flex:0 0 10px;margin:0 .35rem;position:relative;touch-action:none;z-index:6}.split-divider:before{background:#e2e8f0;background:var(--border-primary);border-radius:6px;content:"";inset:0;opacity:.35;position:absolute;transition:opacity .15s ease,background .15s ease}.split-divider:after{background:#64748b;background:var(--text-secondary);border-radius:2px;content:"";height:36px;left:50%;opacity:.55;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .15s ease,opacity .15s ease,width .15s ease,height .15s ease;width:3px}.split-divider:focus-visible:before,.split-divider:hover:before,body.split-resizing .split-divider:before{background:#2563eb;background:var(--text-accent);opacity:.85}.split-divider:focus-visible:after,.split-divider:hover:after,body.split-resizing .split-divider:after{background:#fff;opacity:1}.split-divider:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--text-accent);outline-offset:1px}.split-container.vertical .split-divider{cursor:row-resize;flex:0 0 10px;margin:.35rem 0;width:auto}.split-container.vertical .split-divider:after{height:3px;width:36px}body.split-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}body.split-resizing:has(.split-container.vertical){cursor:row-resize}.code-editor-container{flex:1 1;height:400px;min-height:220px;overflow:auto}.split-container.horizontal .code-editor-container,.split-container.vertical .code-editor-container{height:auto;min-height:220px}.editor-header{align-items:center;background:#f8fafc;background:var(--bg-primary);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;max-width:100%;padding:.5rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:20}.split-container.horizontal .editor-header{align-items:stretch;flex-direction:column}.editor-header h2{color:#1e293b;color:var(--text-primary);flex-shrink:0;font-size:1.1rem;font-weight:700;margin:0;white-space:nowrap}.editor-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;max-width:100%;min-width:0}.split-container.horizontal .editor-actions{justify-content:flex-start}.split-container.vertical .editor-actions{flex:1 1 auto;justify-content:flex-end}.run-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.35rem;padding:.5rem 1rem;transition:all .2s ease;white-space:nowrap}.run-btn:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.clear-btn{align-items:center;background:#ef4444;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.35rem;padding:.5rem .85rem;transition:all .2s ease;white-space:nowrap}.clear-btn:hover{background:#dc2626;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.redo-btn,.undo-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border:1.5px solid #cbd5e1;border:1.5px solid var(--border-secondary);border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);cursor:pointer;display:flex;font-size:.9rem;justify-content:center;padding:.5rem .65rem;transition:all .2s ease}.redo-btn:hover:not(:disabled),.undo-btn:hover:not(:disabled){background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.redo-btn:disabled,.undo-btn:disabled{cursor:not-allowed;opacity:.35}.import-btn{align-items:center;background:#0891b2;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.35rem;padding:.5rem .85rem;transition:all .2s ease;white-space:nowrap}.import-btn:hover{background:#0e7490;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sample-btn{align-items:center;background:#7c3aed;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.35rem;padding:.5rem .85rem;transition:all .2s ease;white-space:nowrap}.sample-btn:hover:not(:disabled){background:#6d28d9;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.sample-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.download-btn{align-items:center;background:#059669;border:none;border-radius:8px;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#fff;cursor:pointer;display:flex;font-family:Inter,Arial,sans-serif;font-size:.9rem;font-weight:600;gap:.35rem;padding:.5rem .85rem;transition:all .2s ease;white-space:nowrap}.download-btn:hover{background:#047857;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-1px)}.download-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.preview-pane{display:flex;flex:55 1 0%;flex:var(--split-preview,55) 1 0%;flex-direction:column;min-height:0;min-width:0;overflow:auto}.split-container.horizontal .preview-pane{flex:55 1 0%;flex:var(--split-preview,55) 1 0%;min-width:0}.split-container.vertical .preview-pane{align-self:stretch;flex:55 1 0%;flex:var(--split-preview,55) 1 0%;min-height:0;width:100%}.preview-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1rem}.preview-header h2{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.preview-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}.device-presets{gap:.5rem}.device-presets,.paper-presets{align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;display:flex;padding:.25rem .5rem}.paper-presets{gap:.35rem}.paper-select{max-width:140px}.device-select{appearance:none;-webkit-appearance:none;background:#f1f5f9;background:var(--bg-tertiary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .4rem center;background-repeat:no-repeat;border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;max-width:160px;padding:.3rem 1.6rem .3rem .5rem}.device-select:focus,.device-select:hover{border-color:#2563eb;border-color:var(--text-accent);outline:none}.preview-size-label{align-items:center;color:#64748b;color:var(--text-secondary);display:inline-flex;gap:.2rem;white-space:nowrap}.preview-size-label,.size-input{font-feature-settings:"tnum";font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:600}.size-input{background:#f1f5f9;background:var(--bg-tertiary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:4px;color:#1e293b;color:var(--text-primary);padding:.15rem .3rem;text-align:center;width:3.2rem}.size-input:focus,.size-input:hover{border-color:#2563eb;border-color:var(--text-accent);outline:none}.size-input::-webkit-inner-spin-button,.size-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.zoom-controls{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;gap:.5rem;padding:.25rem .5rem}.zoom-btn,.zoom-controls{align-items:center;display:flex}.zoom-btn{background:#0000;border:none;border-radius:4px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1rem;justify-content:center;padding:.4rem;transition:all .2s ease}.zoom-btn:hover:not(:disabled){background:#f1f5f9;background:var(--bg-tertiary);color:#2563eb;color:var(--text-accent)}.zoom-btn:disabled{cursor:not-allowed;opacity:.3}.zoom-level{border-radius:4px;color:#1e293b;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:600;min-width:45px;padding:.2rem .4rem;text-align:center;transition:all .2s ease}.zoom-level:hover{background:#f1f5f9;background:var(--bg-tertiary);color:#2563eb;color:var(--text-accent)}.console-toggle{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.console-toggle.active,.console-toggle:hover{background:#2563eb;background:var(--text-accent);border-color:#2563eb;border-color:var(--text-accent);color:#fff}.resizable-preview{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;box-shadow:var(--shadow-md);flex-shrink:0;overflow:hidden;transition:box-shadow .2s ease}.resizable-preview:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg)}.preview-iframe{background:#fff;border:none;height:100%;min-height:0;width:100%}.console-panel{background:#f8fafc;background:var(--console-bg);border:1px solid #e2e8f0;border:1px solid var(--console-border);border-radius:12px;display:flex;flex-direction:column;margin-top:1rem;max-height:300px;max-width:960px;overflow:hidden;width:100%}.console-header{align-items:center;background:#f1f5f9;background:var(--bg-tertiary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:space-between;padding:.5rem .75rem}.panel-tabs{display:flex;flex-wrap:wrap;gap:.25rem}.panel-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;gap:.35rem;padding:.35rem .75rem;transition:all .15s ease}.panel-tab:hover{background:#f8fafc;background:var(--bg-primary);color:#1e293b;color:var(--text-primary)}.panel-clear-btn,.panel-tab.active{background:#2563eb;background:var(--text-accent);color:#fff}.panel-clear-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;padding:.3rem .75rem;transition:all .2s ease}.panel-clear-btn:hover{opacity:.85}.console-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.network-toggle,.settings-toggle{padding:.5rem .75rem}.network-toggle:hover,.settings-toggle:hover{border-color:#2563eb;border-color:var(--text-accent)}.console-content{flex:1 1;max-height:240px;overflow-y:auto}.console-item{align-items:flex-start;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:flex;font-family:Fira Mono,monospace;font-size:.85rem;gap:1rem;padding:.5rem 1rem}.console-item:last-child{border-bottom:none}.console-item.error{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.console-item.log{background:#f8fafc;background:var(--console-bg)}.console-item .timestamp{color:#64748b;color:var(--text-secondary);font-size:.75rem;min-width:80px;opacity:.7}.console-item .method{font-size:.75rem;font-weight:600;min-width:60px;text-transform:uppercase}.console-item .message{flex:1 1;word-break:break-word}@media (max-width:1200px){.header{align-items:stretch;flex-direction:column}.controls{justify-content:flex-start}}@media (max-width:1024px){.split-container.horizontal{flex-direction:column;gap:1.5rem;height:auto;min-height:0;overflow:visible}.split-container.horizontal .editor-pane{flex:1 1 auto;max-width:100%;width:100%}.split-container.horizontal .split-divider{display:none}.split-container.horizontal .preview-pane{flex:1 1 auto}.header{align-items:stretch;flex-direction:column}.controls{justify-content:flex-start}}@media (max-width:768px){.container{border-radius:0;margin:0;max-width:100%;min-width:0;padding:1rem;width:100%}.header{text-align:center}.title h1{font-size:1.75rem}.controls{align-items:stretch;flex-direction:column;gap:.85rem}.auth-control,.layout-toggle,.mode-toggles,.template-selector{flex-wrap:wrap;justify-content:center}.template-selector{align-items:stretch;flex-direction:column}.template-selector select{width:100%}.layout-toggle{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.layout-btn{text-align:center;width:100%}.split-container{gap:1rem}.editor-header,.preview-header{align-items:stretch;flex-direction:column;gap:1rem}.editor-actions{justify-content:center}}@media (max-width:480px){.title h1{font-size:1.5rem}.controls{gap:.75rem}.layout-toggle,.mode-toggles{justify-content:center}.layout-btn{font-size:.85rem;padding:.5rem .65rem}.preview-iframe{min-height:200px}.console-panel{max-height:200px}}.markdown-preview{background:#fff;border:1.5px solid #c2d1e7;border-radius:10px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;height:100%;overflow:auto;padding:20px;width:100%}.dark .markdown-preview{background:#1e1e1e;border-color:#404040;color:#e4e4e4}.markdown-content{line-height:1.6;max-width:none}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-weight:600;margin-bottom:.5em;margin-top:1.5em}.markdown-content h1{border-bottom:2px solid #eee;font-size:2em;padding-bottom:.3em}.dark .markdown-content h1{border-bottom-color:#444}.markdown-content h2{border-bottom:1px solid #eee;font-size:1.5em;padding-bottom:.3em}.dark .markdown-content h2{border-bottom-color:#444}.markdown-content p{margin-bottom:1em}.markdown-content ol,.markdown-content ul{margin-bottom:1em;padding-left:2em}.markdown-content li{margin-bottom:.25em}.markdown-content blockquote{border-left:4px solid #ddd;color:#666;margin:1em 0;padding:0 1em}.dark .markdown-content blockquote{border-left-color:#555;color:#aaa}.markdown-content code{background:#f4f4f4;border-radius:3px;font-family:Fira Mono,Monaco,Cascadia Code,Segoe UI Mono,monospace;font-size:.9em;padding:.2em .4em}.dark .markdown-content code{background:#2d2d2d;color:#f8f8f2}.markdown-content pre{background:#f8f8f8;border-radius:5px;margin:1em 0;overflow-x:auto;padding:1em}.dark .markdown-content pre{background:#2d2d2d}.markdown-content pre code{background:none;padding:0}.markdown-content a{color:#007bff;text-decoration:none}.markdown-content a:hover{text-decoration:underline}.dark .markdown-content a{color:#4dabf7}.markdown-content hr{border:none;border-top:2px solid #eee;margin:2em 0}.dark .markdown-content hr{border-top-color:#444}.markdown-content table{border-collapse:collapse;margin:1em 0;width:100%}.markdown-content td,.markdown-content th{border:1px solid #ddd;padding:.5em;text-align:left}.dark .markdown-content td,.dark .markdown-content th{border-color:#555}.markdown-content th{background:#f8f8f8;font-weight:600}.dark .markdown-content th{background:#2d2d2d}.empty-preview{align-items:center;background:#fff;border:1.5px solid #c2d1e7;border-radius:10px;display:flex;height:100%;justify-content:center;width:100%}.dark .empty-preview{background:#1e1e1e;border-color:#404040}.empty-preview-content{color:#666;max-width:300px;text-align:center}.dark .empty-preview-content{color:#aaa}.empty-preview-content h3{font-size:1.2em;font-weight:600;margin-bottom:10px}.empty-preview-content p{font-size:.9em;line-height:1.4;margin:0}.nlog-content{display:flex;flex-direction:column}.nlog-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.nlog-row{grid-gap:.5rem;align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--console-border);display:grid;font-family:Fira Mono,monospace;font-size:.8rem;gap:.5rem;grid-template-columns:72px 44px 64px 1fr auto auto;padding:.35rem .75rem}.nlog-row:last-child{border-bottom:none}.nlog-ts{color:#64748b;color:var(--text-secondary);font-size:.72rem;opacity:.7}.nlog-dir{font-size:.7rem;font-weight:600;letter-spacing:.5px;text-align:center}.nlog-row.nlog-outbound .nlog-dir{color:#b45309}.nlog-row.nlog-inbound .nlog-dir{color:#047857}.nlog-method{font-size:.72rem;font-weight:600;text-transform:uppercase}.nlog-url{cursor:help;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.nlog-status{border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.1rem .5rem;text-transform:uppercase}.nlog-status-allowed{background:#f0fdf4;background:var(--success-bg);color:#16a34a;color:var(--success-text)}.nlog-status-blocked{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.nlog-status-pending{background:#fefce8;background:var(--warning-bg);color:#ca8a04;color:var(--warning-text)}.nlog-badges{display:inline-flex;gap:.2rem}.nlog-badge{align-items:center;border-radius:4px;cursor:help;display:inline-flex;font-size:.7rem;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 .25rem}.nlog-badge-sensitive{background:#fff7ed;border:1px solid #fed7aa;color:#c2410c}.dark .nlog-badge-sensitive{background:#7c2d12;border-color:#9a3412;color:#fdba74}.nlog-badge-entropy{background:#fef9c3;border:1px solid #fde68a;color:#92400e}.dark .nlog-badge-entropy{background:#713f12;border-color:#a16207;color:#fde047}.nlog-badge-csp{background:#f3e8ff;border:1px solid #e9d5ff;color:#7e22ce;font-size:.65rem}.dark .nlog-badge-csp{background:#4a044e;border-color:#86198f;color:#e9d5ff}.nlog-row.nlog-blocked{background:#dc26260f}.dark .nlog-row.nlog-blocked{background:#dc26261f}.nlog-row.nlog-pending{background:#eab30812}.dark .nlog-row.nlog-pending{background:#eab3081f}@media (max-width:768px){.nlog-row{font-size:.72rem;grid-template-columns:60px 40px 56px 1fr auto}.nlog-badges{grid-column:2/-1;justify-content:flex-end}}.ncm-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.ncm-modal{background:#fff;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);font-family:Inter,Arial,sans-serif;max-width:520px;padding:1.5rem 1.75rem 1.25rem;position:relative;width:100%}.ncm-close{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.ncm-close:hover{background:#f1f5f9;background:var(--bg-tertiary)}.ncm-close:hover,.ncm-title{color:#1e293b;color:var(--text-primary)}.ncm-title{font-size:1.05rem;margin:0 0 .25rem}.ncm-subtitle{color:#64748b;color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.ncm-fields{gap:.6rem;margin:0 0 1.1rem}.ncm-field,.ncm-fields{display:flex;flex-direction:column}.ncm-field{gap:.2rem}.ncm-field dt{color:#64748b;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.ncm-field dd{color:#1e293b;color:var(--text-primary);font-family:Fira Mono,monospace;font-size:.85rem;margin:0;word-break:break-all}.ncm-method{background:#f1f5f9;background:var(--bg-tertiary);border-radius:4px;display:inline-block;font-size:.75rem;font-weight:700;padding:.1rem .5rem}.ncm-url{font-size:.82rem}.ncm-body,.ncm-url{word-break:break-all}.ncm-body{background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:6px;font-family:Fira Mono,monospace;font-size:.75rem;margin:0;max-height:140px;overflow:auto;padding:.6rem;white-space:pre-wrap}.ncm-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.ncm-btn{border:none;border-radius:8px;cursor:pointer;font-family:Inter,Arial,sans-serif;font-size:.85rem;font-weight:600;padding:.5rem 1rem;transition:all .15s ease}.ncm-once{background:#0891b2;color:#fff}.ncm-once:hover{background:#0e7490}.ncm-always{background:#16a34a;color:#fff}.ncm-always:hover{background:#15803d}.ncm-deny{background:#fef2f2;background:var(--error-bg);color:#dc2626;color:var(--error-text)}.ncm-deny:hover{background:#fecaca;color:#991b1b}.dark .ncm-deny:hover{background:#b91c1c;color:#fee2e2}.wls-overlay{align-items:center;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10000}.wls-modal{background:#fff;background:var(--bg-secondary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:14px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;box-shadow:var(--shadow-lg);max-height:80vh;max-width:560px;overflow:auto;padding:1.5rem 1.75rem 1.25rem;position:relative;width:100%}.wls-close{background:#0000;border:none;border-radius:6px;color:#64748b;color:var(--text-secondary);cursor:pointer;font-size:1.1rem;padding:.3rem;position:absolute;right:.6rem;top:.6rem}.wls-close:hover{background:#f1f5f9;background:var(--bg-tertiary)}.wls-close:hover,.wls-title{color:#1e293b;color:var(--text-primary)}.wls-title{font-size:1.05rem;margin:0 0 .25rem}.wls-subtitle{color:#64748b;color:var(--text-secondary);font-size:.85rem;margin:0 0 1rem}.wls-add-row{display:flex;gap:.5rem;margin-bottom:1rem}.wls-add-row input{background:#f8fafc;background:var(--bg-primary);border:1px solid #cbd5e1;border:1px solid var(--border-secondary);border-radius:8px;color:#1e293b;color:var(--text-primary);flex:1 1;font-family:Fira Mono,monospace;font-size:.85rem;padding:.5rem .75rem}.wls-add-btn{align-items:center;background:#2563eb;background:var(--text-accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:600;gap:.35rem;padding:.5rem .85rem}.wls-add-btn:hover{opacity:.9}.wls-list{display:flex;flex-direction:column;gap:.4rem}.wls-empty{color:#64748b;color:var(--text-secondary);font-size:.85rem;font-style:italic;padding:1rem;text-align:center}.wls-row{grid-gap:.6rem;align-items:center;background:#f8fafc;background:var(--bg-primary);border:1px solid #e2e8f0;border:1px solid var(--border-primary);border-radius:8px;display:grid;gap:.6rem;grid-template-columns:1fr auto auto auto;padding:.45rem .6rem}.wls-domain{color:#1e293b;color:var(--text-primary);font-family:Fira Mono,monospace;font-size:.85rem;word-break:break-all}.wls-check{align-items:center;color:#64748b;color:var(--text-secondary);display:inline-flex;font-size:.75rem;gap:.25rem}.wls-check,.wls-check input,.wls-remove{cursor:pointer}.wls-remove{align-items:center;background:#0000;border:none;border-radius:6px;color:#dc2626;color:var(--error-text);display:inline-flex;padding:.3rem}.wls-remove:hover{background:#fef2f2;background:var(--error-bg)}@media (max-width:600px){.wls-row{grid-template-columns:1fr 1fr}.ncm-actions{justify-content:stretch}.ncm-btn{flex:1 1}}
/*# sourceMappingURL=main.7a7ce331.css.map*/