@supports selector(:has(*)){body:has(.admin-layout){--bg:#f8fafc!important;--bg-alt:#ffffff!important;--text:#1e293b!important;--text-secondary:#64748b!important;--accent:#3b82f6!important;background:#f8fafc!important;background-image:none!important;color:#1e293b!important}}:root{--bg:#F9F4EF;--bg-alt:#FAF8F4;--white:#FFFFFF;--text:#1C1C1C;--text-secondary:#5A5A5A;--accent:#FF4E36;--yellow:#FFD43B;--cream:#F4F1E3;--peach2:#FDE4D6;--pink:#F8CECA;--blue:#7FC2EB;--lavender:#DBD1FC;--deep:#1B363F;--black:#000000;--customer-bg:#fafbfc;--customer-bg-secondary:#ffffff;--customer-text:#1e293b;--customer-text-secondary:#64748b;--customer-text-muted:#94a3b8;--customer-primary:#3b82f6;--customer-primary-hover:#2563eb;--customer-success:#10b981;--customer-warning:#f59e0b;--customer-error:#ef4444;--customer-border:#e2e8f0;--customer-border-light:#f1f5f9;--customer-shadow:rgba(15,23,42,0.08);--customer-shadow-lg:rgba(15,23,42,0.15);--customer-radius:12px;--customer-radius-sm:8px;--customer-radius-lg:16px;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem}*{box-sizing:border-box}body,html{padding:0;margin:0;height:100%}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Poppins,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;background:var(--bg);background-image:radial-gradient(rgba(27,54,63,.06) 1px,transparent 0);background-size:16px 16px;background-attachment:fixed;color:var(--text);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}body.admin-body{background:#f8fafc!important;background-image:none!important;background-size:auto!important;background-attachment:scroll!important;color:#1e293b!important;transition:none!important;animation:none!important;margin:0!important;padding:0!important}.admin-layout{background:#f8fafc!important;background-image:none!important;color:#1e293b!important}body.admin-body{--bg:#f8fafc!important;--bg-alt:#ffffff!important;--text:#1e293b!important;--text-secondary:#64748b!important;--accent:#3b82f6!important}body.admin-body main#main{flex:none!important;display:contents!important}body.admin-body .admin-layout,html.admin-mode body .admin-layout{background:#f8fafc!important;color:#1e293b!important;width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:1000}body.admin-body [class*=admin]{background:#f8fafc!important;color:#1e293b!important}main#main{flex:1 0 auto;display:block}.visually-hidden-focusable:active,.visually-hidden-focusable:focus{position:static!important;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;padding:8px 10px;background:#fff;color:#000;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.12)}html{scroll-behavior:smooth}img,svg,video{max-width:100%;height:auto}.container{max-width:1120px;margin:0 auto;padding:0 20px}.section{padding:64px 0;scroll-margin-top:80px}.section+.section{border-top:1px solid rgba(0,0,0,.06)}.section.alt{background:var(--bg-alt)}.section.peach{background:#FDECE5}.section.white{background:#FFFFFF}.section.tone-cream{background:var(--cream)}.section.tone-peach2{background:var(--peach2)}.section.tone-pink{background:var(--pink)}.section.tone-blue{background:var(--blue)}.section.tone-lavender{background:var(--lavender)}.section.tone-green{background:#9BCF60}.section.tone-rose{background:#F7CFD8}.section.tone-apricot{background:#FFE3BB}.section.tone-mint{background:#E9F7EF}.section.tone-teal{background:#03A6A1}.section.tone-teal .section-title{color:#fff}.section.tone-navy{background:#183B4E}.section.tone-navy .section-title{color:#fff}.section.tone-purple{background:#7F55B1}.section.tone-purple .section-title{color:#fff}.section.tone-sage{background:#E9F2ED}.section.tone-mist{background:#EEF3F6}.section.tone-deep{background:var(--deep)}.section.tone-deep .section-title{color:#fff}.section.tone-deep+.section{border-top-color:rgba(255,255,255,.08)}.app-header{position:sticky;top:0;background:#0f172a;color:#fff;border-bottom:1px solid rgba(255,255,255,.06);z-index:50}.app-header-inner{display:flex;align-items:center;justify-content:space-between;min-height:60px;gap:12px;flex-wrap:nowrap}.app-header .brand{color:#fff;text-decoration:none;font-weight:800;letter-spacing:.2px}.app-header nav{display:flex;gap:12px;flex:0 1 auto}.app-header nav a{color:rgba(255,255,255,.9);text-decoration:none;font-weight:600;padding:8px 10px;border-radius:8px}.app-header nav a:hover{background:rgba(255,255,255,.08)}@media (max-width:768px){.app-header-inner{gap:6px;min-height:56px}.app-header .brand{font-size:16px}.app-header nav{gap:4px}.app-header nav a{padding:6px 8px;font-size:14px}}@media (max-width:480px){.app-header-inner{gap:4px;min-height:52px}.app-header .brand{font-size:15px}.app-header nav{gap:2px}.app-header nav a{padding:6px;font-size:13px}}.app-shell{background:#0b1220;color:#e5e7eb;min-height:calc(100vh - 60px)}.app-shell .card{background:#0f172a;border:1px solid rgba(255,255,255,.06)}.app-shell a{color:#93c5fd}.app-shell .btn-primary{background:#2563eb;border-color:#2563eb}.app-shell .btn-dark{background:#0f172a;border-color:#334155}.form-card{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:12px;padding:16px}.form-grid{display:grid;gap:10px}.form-row{display:grid;gap:8px}.label{font-weight:600;font-size:.95rem}.input,.select,.textarea{width:100%;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:#fff;color:#111}.input:focus,.select:focus,.textarea:focus{outline:2px solid #2563eb;outline-offset:1px}.muted{opacity:.8;font-size:.95rem}.app-card{background:#0f172a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.app-card h3{margin-top:0}body.admin-body .app-card,body:has(.admin-layout) .app-card{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important}body.admin-body .app-card h1,body.admin-body .app-card h2,body.admin-body .app-card h3,body:has(.admin-layout) .app-card h1,body:has(.admin-layout) .app-card h2,body:has(.admin-layout) .app-card h3{color:#1e293b!important}body.admin-body .form-card,body:has(.admin-layout) .form-card{background:#ffffff!important;border:1px solid #e2e8f0!important;color:#1e293b!important}body.admin-body .label,body:has(.admin-layout) .label{color:#1e293b!important}body.admin-body .muted,body:has(.admin-layout) .muted{color:#64748b!important;opacity:1!important}body.admin-body table,body:has(.admin-layout) table{color:#1e293b!important}body.admin-body table td,body.admin-body table th,body:has(.admin-layout) table td,body:has(.admin-layout) table th{color:inherit!important}body.admin-body table thead th,body:has(.admin-layout) table thead th{color:#64748b!important}body.admin-body section,body:has(.admin-layout) section{color:#1e293b!important}body.admin-body div,body.admin-body p,body:has(.admin-layout) div,body:has(.admin-layout) p{color:inherit}.plans-wrap{max-width:1100px;margin:40px auto;padding:0 16px}.plans-head{text-align:center;margin-bottom:18px}.plans-sub{margin:6px 0 0;color:#52525b}.plans-grid{display:grid;grid-template-columns:repeat(3,minmax(260px,1fr));gap:16px}.plan-card{display:grid;gap:10px;border:1px solid #e5e7eb;border-radius:14px;padding:16px;background:#fff;transition:box-shadow .2s ease,transform .12s ease}.plan-card:hover{box-shadow:0 10px 24px rgba(0,0,0,.06);transform:translateY(-2px)}.plan-title{margin:0;font-size:1.2rem}.plan-summary{margin:0;color:#6b7280;min-height:2.2em}.price-line{margin:0;font-weight:800;font-size:1.25rem;letter-spacing:.2px}.plan-actions{display:flex;gap:8px;align-items:center;margin-top:6px}.plan-note{margin:0;color:#6b7280;font-size:.9rem}.price-rows{display:grid;gap:4px}.price-line small{font-weight:600;color:#6b7280;margin-left:6px}.save-badge{display:inline-block;background:#16a34a;color:#fff;font-weight:800;border-radius:999px;padding:2px 8px;font-size:.8rem;margin-left:8px}.plan-card{position:relative}.plan-ribbon{position:absolute;top:12px;right:12px;background:#0ea5e9;color:#fff;padding:2px 8px;border-radius:999px;font-weight:800;font-size:.75rem;letter-spacing:.3px}.plan-head{display:grid;gap:6px}.plan-price{font-size:2rem;font-weight:900;margin:6px 0 0;letter-spacing:.2px}.plan-price .unit{font-size:1rem;font-weight:700;color:#6b7280;margin-left:4px}.plan-features{margin-top:8px}.plan-features ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}.plan-features li{display:flex;align-items:center;gap:8px;color:#374151}.plan-cta{margin-top:10px}.btn-block{display:inline-block;width:100%;text-align:center}.toggle-group{display:inline-flex;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:4px;align-items:center;gap:4px}.btn-toggle{background:transparent;color:#111;padding:8px 12px;border-radius:8px;font-weight:700;border:none;cursor:pointer}.btn-toggle.active{background:#0ea5e9;color:#fff}.toggle-note{margin-left:8px;font-size:.9rem;color:#0ea5e9;font-weight:800}.btn-disabled{background:#e5e7eb;color:#6b7280;cursor:not-allowed;border:1px solid #e5e7eb}@media (max-width:980px){.plans-grid{grid-template-columns:repeat(2,minmax(240px,1fr))}}@media (max-width:640px){.plans-grid{grid-template-columns:1fr}}.auth-wrap{display:grid;place-items:center;min-height:calc(100vh - 120px);padding:24px 16px}.auth-card{background:#fff;color:#111;border:1px solid #e5e7eb;border-radius:14px;width:100%;max-width:440px;padding:22px;box-shadow:0 6px 18px rgba(0,0,0,.06)}.auth-card h1{margin:0 0 6px;font-size:1.6rem}.auth-sub{margin:0 0 14px;color:#6b7280;font-size:.95rem}.oauth-buttons{display:grid;gap:8px;margin:8px 0 6px}.oauth-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #d1d5db;border-radius:10px;padding:10px 12px;text-decoration:none;color:#111;background:#fff;font-weight:600}.oauth-btn:hover{background:#f9fafb}.auth-divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;margin:10px 0;color:#9ca3af;font-size:.9rem}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:#e5e7eb;display:block}.auth-footer{margin-top:10px;color:#6b7280;font-size:.95rem}.password-hint{color:#6b7280;font-size:.85rem;margin:-4px 0 6px}.auth-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:8px;font-size:14px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.auth-links{margin:16px 0 8px;text-align:center}.forgot-link{color:#6366f1;text-decoration:none;font-size:14px;font-weight:500}.forgot-link:hover{color:#4f46e5;text-decoration:underline}.loading-spinner{display:inline-flex;align-items:center;gap:8px}.btn-primary:disabled{opacity:.7}.password-field{position:relative}.password-input{padding-right:44px!important}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:4px;color:#6b7280;font-size:16px;line-height:1}.password-toggle:hover{color:#374151}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.form-options{margin:8px 0}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;color:#374151;user-select:none}.checkbox-label input[type=checkbox]{margin:0;width:16px;height:16px;accent-color:#6366f1}@media (max-width:640px){.auth-card{padding:18px;border-radius:12px}.password-toggle{right:8px;padding:2px}}.site-header{position:sticky;top:0;background:#141414;color:#fff;border-bottom:1px solid rgba(255,255,255,.08);z-index:50}@supports ((-webkit-backdrop-filter:blur(6px)) or (backdrop-filter:blur(6px))){.site-header{-webkit-backdrop-filter:saturate(160%) blur(6px);backdrop-filter:saturate(160%) blur(6px)}}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px;gap:12px}.logo .brand{font-family:var(--font-brand,ui-sans-serif),system-ui;font-weight:700;letter-spacing:.2px;color:#fff;text-decoration:none;font-size:clamp(20px,4vw,28px);line-height:1;display:inline-block}.site-header nav{display:flex;align-items:center;gap:12px;overflow-x:auto;-webkit-overflow-scrolling:touch;color:#fff}.site-header nav::-webkit-scrollbar{display:none}.site-header nav a{color:#fff;text-decoration:none;font-weight:500;padding:8px 6px;border-radius:8px;flex:0 0 auto;transition:background .2s ease,color .2s ease}.site-header nav a:hover{color:#fff;background:rgba(255,255,255,.08)}:where(a,button,[role=button],.btn-primary,.btn-ghost,.btn-soft,.btn-outline-accent,.link-soft,.more-link,.ctrl,.t-dot,.t-btn):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.site-footer{background:#141414;color:#fff;border-top:1px solid rgba(255,255,255,.08);margin-top:0}.footer-inner{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:40px 20px}.footer-brand .brand{color:#fff;text-decoration:none;font-weight:700;font-size:20px;display:inline-block}.footer-brand .sub{margin:6px 0 0;opacity:.8;font-size:.95rem}.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(120px,auto));gap:20px}.footer-nav h5{margin:0 0 10px;font-size:.95rem;opacity:.9}.footer-nav ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.footer-nav a{color:#fff;text-decoration:none;opacity:.9}.footer-nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px 28px;border-top:1px solid rgba(255,255,255,.08)}.footer-bottom .copy{margin:0;opacity:.8;font-size:.9rem}.footer-bottom .fine-links{display:flex;gap:12px}.footer-bottom .fine-links a{color:#fff;text-decoration:none;opacity:.85;font-size:.9rem}.footer-bottom .fine-links a:hover{opacity:1;text-decoration:underline;text-underline-offset:3px}@media (max-width:760px){.footer-inner{flex-direction:column;padding:28px 20px}.footer-nav{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 20px 24px}}.btn-primary{background:var(--accent);color:#fff;padding:10px 14px;border-radius:10px;font-weight:600;white-space:nowrap;display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn-primary:hover{opacity:.95;transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.12)}.btn-ghost{background:transparent;color:#fff;padding:8px 12px;border-radius:10px;text-decoration:none;font-weight:600;white-space:nowrap;display:inline-block;border:1px solid rgba(255,255,255,.28);transition:background .2s ease,border-color .2s ease}.btn-ghost:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.btn-soft{background:#fff;color:var(--deep);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:600;border:1px solid rgba(0,0,0,.08);transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn-soft:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.btn-dark{background:#141414;color:#fff;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.92rem;border:1px solid #141414;display:inline-block;box-shadow:0 1px 0 rgba(0,0,0,.06);transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn-dark:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(0,0,0,.16);opacity:.96}.btn-dark:active{transform:translateY(0);box-shadow:0 2px 6px rgba(0,0,0,.18)}.btn-outline-dark{background:#fff;color:#141414;padding:8px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:.92rem;border:1.5px solid #141414;display:inline-block;transition:transform .15s ease,box-shadow .2s ease,background .15s ease}.btn-outline-dark:hover{transform:translateY(-1px);background:rgba(0,0,0,.04);box-shadow:0 6px 14px rgba(0,0,0,.08)}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:.9rem;border:1px solid rgba(255,255,255,.16)}.role-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#22c55e}.role-dot.admin{background:#f59e0b}.hero{padding:72px 0;background:var(--peach2)}.hero-inner{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px}.hero-portrait{justify-self:end;max-width:clamp(280px,28vw,360px)}.hero-portrait img{display:block;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08)}.cred-strip{display:none}.hero-badges{margin-top:10px;display:flex;flex-direction:column;gap:8px;align-items:flex-end}.hero-badges .badge.pill{white-space:normal;text-align:left;overflow-wrap:break-word;word-break:break-word;hyphens:auto;line-height:1.35;align-items:flex-start;min-width:0}.badge.pill{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--deep);border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:6px 10px;font-weight:700;font-size:.85rem;white-space:nowrap;max-width:100%}.badge.pill .kicker{font-weight:800;margin-right:2px}.badge.pill.combined{flex-direction:column;align-items:center;text-align:center;gap:6px}.badge.pill.combined .badge-title{font-weight:800;white-space:nowrap;letter-spacing:.2px}.badge.pill.combined .badge-items{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;text-align:center}.badge.pill.combined .badge-items .sep{opacity:.6}.badge.pill.combined .badge-items .earnings{flex-basis:100%;display:inline-flex;align-items:center;gap:8px;justify-content:center}.badge.pill.wrap{white-space:normal}.badge.pill .label-short{display:none}.badge.pill .dot{display:inline-block;width:10px;height:10px;border-radius:50%}.badge.pill .dot.upwork{background:#6FDA44;box-shadow:0 0 0 2px rgba(111,218,68,.15)}.badge.pill .dot.star{color:#FFD43B}.badge.pill .dot.cash,.badge.pill .dot.star{width:auto;height:auto;font-size:.95rem;line-height:1}.badge.pill .dot.cash{color:#16A34A;font-weight:800}.badge.pill .dot.org{background:var(--lavender);box-shadow:0 0 0 2px rgba(219,209,252,.25)}.badge.pill .dot.us{width:auto;height:auto;font-size:.95rem;line-height:1}.badge.pill .dot.qna{width:12px;height:10px;border:2px solid var(--accent);border-radius:2px;background:#fff;position:relative;box-sizing:content-box}.badge.pill .dot.qna:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:2px;background:var(--accent);border-radius:1px}.badge.pill .dot.exp{width:10px;height:10px;background:var(--deep);border-radius:2px;transform:rotate(45deg);box-shadow:0 0 0 2px rgba(27,54,63,.18)}.hero-copy{align-self:center}.hero .eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;font-size:.9rem;color:var(--deep);opacity:.82}.hero-actions{display:flex;align-items:center;gap:10px;margin-top:16px;flex-wrap:wrap}.hero h1{font-size:clamp(34px,8vw,56px);line-height:1.06;margin:0 0 14px}.hero .sub{color:var(--text-secondary);margin:0;font-size:clamp(17px,3vw,20px)}.highlight{background:var(--yellow);padding:0 8px;margin-left:8px}.highlight,.highlight-block{border-radius:8px;display:inline-block}.highlight-block{padding:2px 6px}.highlight-block.accent{background:rgba(255,78,54,.1)}.highlight-block.red{background:var(--accent);color:#fff}.underline-red{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:6px;text-underline-offset:6px}.pricing{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.pricing li{background:var(--white);padding:16px;border-radius:12px;border:1px solid rgba(0,0,0,.06)}.pricing-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;align-items:stretch}.pricing-tiles.two{grid-template-columns:1fr}@media (min-width:760px){.pricing-tiles.two{grid-template-columns:repeat(2,minmax(300px,1fr))}}@media (min-width:1100px){.pricing-tiles.two{grid-template-columns:repeat(2,minmax(360px,1fr))}}.tile{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;box-shadow:0 1px 0 rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .25s ease,filter .25s ease;overflow:hidden;position:relative}.tile,.tile .price,.tile h3,.tile li,.tile p{-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto;text-rendering:optimizeLegibility}.tile.square{height:460px}@media (max-width:520px){.tile.square{height:500px}}.tile:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.1)}.pricing-tiles .tile:nth-child(2n),.pricing-tiles .tile:nth-child(odd){--offset:0px}.tile.pink{--tile-accent:var(--pink)}.tile.peach2,.tile.pink{background:#fff;border-color:rgba(0,0,0,.08)}.tile.peach2{--tile-accent:var(--peach2)}.tile.lavender{--tile-accent:var(--lavender)}.tile.cream,.tile.lavender{background:#fff;border-color:rgba(0,0,0,.08)}.tile.cream{--tile-accent:var(--accent)}.tile:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:var(--tile-accent,var(--accent));opacity:.55}.tile .tile-head{display:flex;align-items:baseline;justify-content:space-between;text-align:left;gap:8px;position:relative;padding-bottom:6px}.tile .tile-head:after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,var(--tile-accent,var(--accent)),transparent);opacity:.35}.tile .tile-head h3{margin:0;font-size:clamp(16px,2.2vw,18px);line-height:1.25;word-break:break-word;font-weight:700}.tile .tile-head h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--tile-accent,var(--accent));opacity:.7;margin-right:6px;transform:translateY(-1px)}.tile .price{font-weight:800;font-size:.95rem;color:var(--deep);background:rgba(0,0,0,.03);border:1px solid rgba(0,0,0,.06);border-radius:8px;padding:2px 8px}.tile .tile-meta{display:none}.tile .tile-sub.small{font-size:.85rem;opacity:.8;margin-top:-2px}.tile .actions{margin-top:auto}.tile .divider{border:0;border-top:1px solid rgba(0,0,0,.06);margin:6px 0 0}.tile .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto}.more-link{appearance:none;background:transparent;border:0;color:var(--deep);font-weight:600;cursor:pointer;padding:4px 0;display:inline-flex;align-items:center;gap:6px;opacity:.85}.more-link.align-right{margin-left:auto}.more-link:hover{color:var(--accent);opacity:1}.tile-body{position:relative;min-height:140px;flex:1;overflow:hidden;cursor:grab;touch-action:pan-y}.tile-body.dragging{cursor:grabbing}.tile-body.dragging,.tile-body.dragging *{user-select:none;-webkit-user-select:none}.tile-panels{display:flex;height:100%;transition:transform .45s ease}.tile .panel{height:100%;padding:4px 2px 36px;overflow:visible;font-size:.93rem;hyphens:auto;overflow-wrap:anywhere;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.tile .panel h4{margin:8px 0 6px;font-size:.9rem;letter-spacing:.2px}.tile li,.tile p{line-height:1.45}.tile p.tile-sub{font-size:.95rem}.tile ul.bullets{margin:6px 0 0;padding-left:14px;list-style:none}.tile ul.bullets li{position:relative;padding-left:16px;margin:4px 0}.tile ul.bullets li:before{content:"";position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:var(--tile-accent,var(--accent));opacity:.8}.tile ul.bullets.subtle li:before{opacity:.5}.tile ul.bullets.subtle{color:var(--text-secondary)}.panel-back{border:1px solid rgba(0,0,0,.05);border-left:4px solid var(--tile-accent,var(--accent));border-radius:12px;padding:10px 12px;background:#fff}.slider-controls{position:absolute;left:8px;right:8px;bottom:8px;display:flex;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.slider-controls .ctrl{pointer-events:auto;appearance:none;background:#fff;color:var(--deep);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer;opacity:.9;transition:transform .15s ease,box-shadow .2s ease}.slider-controls .ctrl:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.slider-controls .ctrl:disabled{opacity:.5;cursor:not-allowed}.slider-controls .dots{display:flex;align-items:center;gap:8px;pointer-events:auto}.slider-controls .dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.32);border:1px solid rgba(0,0,0,.2);display:inline-block;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}.slider-controls .dot:hover{background:rgba(0,0,0,.5)}.slider-controls .dot.active{background:var(--tile-accent,var(--accent));border-color:var(--tile-accent,var(--accent));transform:scale(1.1)}.tile.peach2{--tile-accent:#F59E0B}.tile.pink{--tile-accent:#03A6A1}.tile.lavender{--tile-accent:#7F55B1}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}.reveal.in{opacity:1;transform:none}.pricing-grid.reveal .pricing-card{opacity:0;transform:translateY(8px)}.pricing-grid.reveal.in .pricing-card{opacity:1;transform:none;transition:opacity .4s ease,transform .4s ease}.pricing-grid.reveal.in .pricing-card:first-child{transition-delay:0s}.pricing-grid.reveal.in .pricing-card:nth-child(2){transition-delay:60ms}.pricing-grid.reveal.in .pricing-card:nth-child(3){transition-delay:.12s}.pricing-grid.reveal.in .pricing-card:nth-child(4){transition-delay:.18s}}.toc{margin:14px 0 18px;padding:12px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.08);background:#f8fafc;color:#0f172a;box-shadow:0 1px 0 rgba(0,0,0,.03)}.toc-title{display:block;margin:0 0 8px;font-size:.85rem;font-weight:800;letter-spacing:.3px;color:#334155;text-transform:uppercase}.toc-list{list-style:none;padding:0;margin:0;display:grid;gap:4px}.toc-item{margin:0;border-bottom:1px solid rgba(0,0,0,.06)}.toc-item:last-child{border-bottom:0}.toc-link{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;color:#1e293b;text-decoration:none;font-weight:500;font-size:.9rem;transition:background .2s ease,color .2s ease;cursor:pointer}.toc-link:before{content:"";width:7px;height:7px;border-radius:50%;background:#94a3b8;flex:0 0 7px}.toc-item.sub .toc-link{padding-left:14px;font-size:.88rem;opacity:.95}.toc-item.sub .toc-link:before{width:5px;height:5px;opacity:.9}.toc-link:hover{background:rgba(29,78,216,.06);color:#0b5fff;text-decoration:underline;text-underline-offset:3px}.toc-item.active .toc-link{background:rgba(29,78,216,.08);color:#0b5fff;font-weight:700}.toc-item.active .toc-link:before{background:#1d4ed8;transform:scale(1.1)}@media (min-width:1000px){.toc.sticky{position:sticky;top:88px}}.t-carousel{position:relative;max-width:820px;margin:0 auto}.t-viewport{position:relative;min-height:210px}.t-slide{position:absolute;inset:0;opacity:0;transform:translateY(8px) scale(.98);transition:opacity .5s ease,transform .5s ease;display:flex;align-items:center;justify-content:center}.t-slide.active{opacity:1;transform:none}.t-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:16px;padding:18px 20px;box-shadow:0 1px 0 rgba(0,0,0,.04);width:100%}.t-title{margin:0 0 6px;font-size:.98rem;font-weight:700;color:var(--deep);text-align:center}.t-quote{margin:0;font-size:clamp(15px,2.2vw,17px);line-height:1.55;position:relative;padding-left:0;text-align:left}.t-quote:after,.t-quote:before{color:var(--accent);opacity:.45;font-size:22px;font-weight:700;line-height:0;position:relative;top:6px}.t-quote:before{content:"“";margin-right:4px}.t-quote:after{content:"”";margin-left:4px}.t-line{display:inline}.t-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.t-btn{appearance:none;background:#fff;color:var(--deep);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:6px 10px;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.t-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.t-dots{display:flex;align-items:center;gap:6px}.t-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.t-dot:hover{background:rgba(0,0,0,.45)}.t-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:600;font-size:.9rem;background:rgba(0,0,0,.06)}.badge.ghost{background:rgba(0,0,0,.04);font-weight:500}.badge.glass{background:rgba(255,255,255,.55);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}.tile .tile-sub{color:var(--text-secondary);margin:0;font-size:.95rem}.chips{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.chip{display:inline-block;padding:6px 10px;background:#fff;border:1px solid rgba(0,0,0,.08)}.tile-details summary{cursor:pointer;font-weight:600;margin-top:4px;color:var(--text);text-decoration:none;display:inline-flex;align-items:center;gap:6px}.tile-details summary:after{content:"▾";font-size:12px;opacity:.6}.tile.featured{border-width:2px}.btn-outline-accent{background:#fff;color:var(--accent);padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:700;border:1.5px solid rgba(255,78,54,.5);transition:background .15s ease,color .15s ease,box-shadow .2s ease}.btn-outline-accent:hover{background:rgba(255,78,54,.06);box-shadow:0 6px 16px rgba(0,0,0,.06)}.link-soft{color:var(--deep);text-decoration:none;font-weight:700}.link-soft:hover{color:var(--accent)}details{background:var(--white);padding:12px 16px;border-radius:12px;border:1px solid rgba(0,0,0,.06);margin-bottom:8px}summary{cursor:pointer;font-weight:600}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.card{background:var(--white);padding:18px;border-radius:12px;border:1px solid rgba(0,0,0,.08);transition:box-shadow .2s ease,transform .15s ease}.section[class*=tone-] .card{border-color:rgba(0,0,0,.1)}.card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.06)}.card .link{color:var(--accent);text-decoration:none;font-weight:600}.muted-link{color:var(--text);text-decoration:underline;text-underline-offset:3px}.contact-wrap{margin-top:12px}.contact-toggle{display:flex;align-items:center;justify-content:center;width:100%;gap:8px;font-size:1.05rem;padding:14px 18px;border-radius:12px}.contact-panel{overflow:hidden;max-height:0;opacity:0;transform:translateY(6px);transition:max-height .4s ease,opacity .35s ease,transform .35s ease}.contact-panel.open{margin-top:12px;max-height:1200px;opacity:1;transform:none}.contact-form{background:var(--white)}.contact-form .form-actions{display:flex;align-items:center;gap:12px;margin-top:14px}.contact-form .form-actions .btn-dark{width:100%;justify-content:center;font-size:1.02rem;padding:12px 16px;border-radius:12px}.contact-form .form-note{color:var(--text-secondary);font-size:.9rem}.contact-form .form-status{margin:10px 0 0;font-weight:600}.contact-form .form-status.ok{color:#106a2a}.contact-form .form-status.err{color:#a11}.contact-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form-grid .span-2{grid-column:span 2}.field{display:flex;flex-direction:column;gap:6px}.field .req{color:#c62828;margin-left:4px}.field label,.field legend{font-weight:600;font-size:.95rem}.field input[type=email],.field input[type=text],.field select,.field textarea{appearance:none;background:#fff;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;font-size:.95rem;color:var(--text)}.field [aria-invalid=true]{border-color:#c62828;box-shadow:0 0 0 2px rgba(198,40,40,.08)}.field textarea{resize:vertical}.checkbox-row{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.checkbox{display:inline-flex;align-items:center;gap:8px;font-weight:500}.choice-group{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.choice{appearance:none;background:#fff;color:var(--deep);border:1.5px solid rgba(0,0,0,.14);border-radius:999px;padding:8px 14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease}.choice:hover{transform:translateY(-1px);box-shadow:0 6px 12px rgba(0,0,0,.06)}.choice.selected{border-color:var(--accent);background:rgba(255,78,54,.08);box-shadow:0 0 0 2px rgba(255,78,54,.12)}fieldset.field.group{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:12px;background:#fff}fieldset.field.group legend{padding:0 6px;font-weight:700}.video-card,.video-wrap{position:relative}.video-frame{border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 8px 24px rgba(0,0,0,.08)}.video-overlay{position:absolute;inset:0;display:flex;background:radial-gradient(ellipse at center,rgba(0,0,0,.35),rgba(0,0,0,.55));border-radius:16px}.big-play,.video-overlay{align-items:center;justify-content:center}.big-play{appearance:none;background:#fff;color:var(--deep);width:74px;height:74px;border-radius:50%;border:0;display:inline-flex;box-shadow:0 12px 28px rgba(0,0,0,.25);cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.big-play:hover{transform:translateY(-1px) scale(1.02);box-shadow:0 16px 32px rgba(0,0,0,.28)}.big-play:active{transform:translateY(0) scale(.98)}.big-play svg{color:var(--accent)}@media (max-width:720px){.contact-form-grid{grid-template-columns:1fr}.contact-form-grid .span-2{grid-column:span 1}.choice-group{justify-content:center}}@media (prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(12px) scale(.98);filter:blur(1px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1),filter .9s ease;will-change:opacity,transform,filter}.reveal.in{opacity:1;filter:none}.reveal.fade-in,.reveal.in{transform:none}.reveal.grow-in{transform:scale(.96)}.reveal.slide-left{transform:translateX(-18px)}.reveal.slide-right{transform:translateX(18px)}.reveal.tilt-in{transform:translateY(14px) rotate(-.6deg) scale(.985)}.reveal.slow{transition-duration:1.2s}.reveal.slower{transition-duration:1.6s}.pricing-grid.reveal .pricing-card{opacity:0;transform:translateY(12px) scale(.98);filter:blur(1px)}.pricing-grid.reveal.in .pricing-card{opacity:1;transform:none;filter:none;transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease}.pricing-grid.reveal.in .pricing-card:first-child{transition-delay:0s}.pricing-grid.reveal.in .pricing-card:nth-child(2){transition-delay:.2s}.pricing-grid.reveal.in .pricing-card:nth-child(3){transition-delay:.4s}.pricing-grid.reveal.in .pricing-card:nth-child(4){transition-delay:.6s}.reveal.stagger>*{opacity:0;transform:translateY(12px) scale(.985);filter:blur(.8px);transition:opacity 1.2s ease,transform 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s ease;will-change:opacity,transform,filter}.reveal.stagger.in>*{opacity:1;transform:none;filter:none}.reveal.stagger.in>:first-child{transition-delay:0s}.reveal.stagger.in>:nth-child(2){transition-delay:.2s}.reveal.stagger.in>:nth-child(3){transition-delay:.4s}.reveal.stagger.in>:nth-child(4){transition-delay:.6s}.reveal.stagger.in>:nth-child(5){transition-delay:.8s}.reveal.stagger.in>:nth-child(6){transition-delay:1s}.reveal.stagger.in>:nth-child(7){transition-delay:1.2s}.reveal.stagger.in>:nth-child(8){transition-delay:1.4s}.reveal.stagger.pattern-rail>*{transform:translateY(14px) scale(.985)}.reveal.stagger.pattern-rail>:nth-child(odd){transform:translateY(14px) translateX(-16px) scale(.985)}.reveal.stagger.pattern-rail>:nth-child(2n){transform:translateY(14px) translateX(16px) scale(.985)}.reveal.stagger.pattern-grow>*{transform:scale(.96)}.reveal.stagger.pattern-up>*{transform:translateY(16px) scale(.985)}.reveal.stagger.slow>*{transition-duration:1.4s!important}.reveal.stagger.slower>*{transition-duration:1.8s!important}}.h-carousel{position:relative;max-width:100%;margin-top:10px}.h-viewport{position:relative;min-height:72px}.h-slide{position:absolute;inset:0;opacity:0;transform:translateY(8px) scale(.985);transition:opacity .6s ease,transform .6s ease;display:flex;align-items:center;justify-content:center}.h-slide.active{opacity:1;transform:none}.h-card{background:rgba(255,255,255,.92);border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:10px 12px;box-shadow:0 6px 18px rgba(0,0,0,.08)}.h-chip{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--deep);font-size:clamp(14px,2.4vw,16px)}.h-text{line-height:1.3}.h-controls{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.h-btn{appearance:none;background:#fff;color:var(--deep);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:6px 10px;font-weight:800;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.h-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.08)}.h-dots{display:flex;align-items:center;gap:8px}.h-dot{width:8px;height:8px;border-radius:50%;background:rgba(0,0,0,.28);border:1px solid rgba(0,0,0,.18);cursor:pointer;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.h-dot:hover{background:rgba(0,0,0,.45)}.h-dot.active{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.about-grid{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.about-note{margin:0;color:var(--text-secondary);font-size:clamp(15px,2.6vw,17px)}.video-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:16px;padding:10px;box-shadow:0 8px 22px rgba(0,0,0,.06)}.video-frame{display:block;width:100%;height:auto;border-radius:12px}.video-placeholder{width:100%;aspect-ratio:16/9;border:0;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,rgba(27,54,63,.06),rgba(27,54,63,.02));color:var(--deep);border-radius:12px;font-weight:800;cursor:not-allowed}.video-placeholder .play-icon{display:inline-flex;width:38px;height:38px;border-radius:999px;align-items:center;justify-content:center;background:var(--deep);color:#fff;font-size:16px;box-shadow:0 6px 16px rgba(0,0,0,.16)}.video-placeholder .placeholder-text{opacity:.85}.video-caption{margin:8px 6px 0;color:var(--text-secondary);font-size:.9rem}@media (max-width:900px){.about-note{text-align:center}}@media (prefers-reduced-motion:no-preference){#hero .container{will-change:transform;transform:translateY(calc(var(--hero-ty, 0) * 1px));transition:transform .4s ease-out}}.section-title{position:relative;display:inline-block;margin:0 0 16px;font-family:var(--font-head),ui-sans-serif,system-ui;font-weight:700;letter-spacing:.15px;font-size:clamp(24px,4vw,30px);line-height:1.15}.section-title:after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:4px;background:linear-gradient(90deg,rgba(255,78,54,.18),rgba(255,212,59,.18));border-radius:4px}@media (min-width:901px){.section-title{font-size:30px;line-height:1.12;letter-spacing:.1px}}@media (max-width:900px){.header-inner{flex-wrap:wrap;padding:8px 0}nav{width:100%;order:3;justify-content:flex-start}.cta{order:2}.logo{order:1}.section{padding:48px 0}.hero-inner{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions{justify-content:center}.hero-portrait{justify-self:center;max-width:56vw}.hero-badges{align-items:center}.hero-badges .badge.pill{font-size:.82rem;padding:6px 10px}.hero h1{font-size:clamp(32px,9vw,44px);line-height:1.08}.hero .sub{font-size:clamp(16px,3.4vw,19px)}}.hero-strip{margin-top:10px;width:100%;position:relative}.hero-strip .marquee-viewport{overflow:hidden;border-radius:12px;background:rgba(255,255,255,.88);border:1px solid rgba(0,0,0,.08);box-shadow:0 6px 18px rgba(0,0,0,.08);-webkit-mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent);cursor:grab}.hero-strip .marquee-viewport.is-dragging{cursor:grabbing}.hero-strip .marquee-track{display:flex;gap:12px;padding:10px 12px;width:max-content;will-change:transform}.hero-strip .strip-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#fff;border:1px solid rgba(0,0,0,.06);color:var(--deep);font-weight:700;font-size:clamp(13px,2.2vw,15px);white-space:nowrap}.hero-strip .strip-text,.strip-dot{display:inline-block}.strip-dot{width:12px;height:12px;min-width:12px;min-height:12px;flex:0 0 12px;border-radius:50%;box-shadow:none;border:0;box-sizing:content-box}.strip-dot.upwork{background:#6FDA44}.strip-dot.org{background:var(--blue)}.strip-dot.exp{background:var(--deep);border-radius:2px;transform:rotate(45deg)}.strip-dot.sme{background:#F59E0B}.strip-dot.tenure{background:var(--blue)}.strip-glyph{font-size:1rem;line-height:1}.strip-glyph.star{color:var(--yellow)}.strip-glyph.cash{color:#16A34A;font-weight:800}.strip-glyph.qna{display:inline-block;width:12px;height:10px;border:2px solid var(--accent);border-radius:2px;position:relative;box-sizing:content-box}.strip-glyph.qna:after{content:"";position:absolute;left:2px;right:2px;top:4px;height:2px;background:var(--accent);border-radius:1px}.strip-ico{width:16px;height:16px;color:var(--deep);opacity:.9}.chip-ico,.strip-ico{display:inline-flex;align-items:center;justify-content:center}.chip-ico{width:18px;height:18px;border-radius:50%;color:#fff;box-shadow:0 0 0 2px rgba(0,0,0,.06)}.chip-ico--mortar{background:#7F55B1}.chip-ico--medal{background:#F4AE1A}.chip-ico--brain{background:#03A6A1}.chip-ico--flag{background:#1B363F}@media (max-width:600px){.container{padding:0 16px}.btn-primary{padding:8px 12px;border-radius:8px}.hero{padding:56px 0}nav a{padding:8px 4px;font-size:.95rem}.cards,.pricing,.pricing-grid{grid-template-columns:1fr}.logo img{height:24px}}@media (max-width:360px){.hero-badges .badge.pill{font-size:.78rem;padding:4px 7px}}@media (min-width:901px){.hero-inner{align-items:start}.hero-copy{align-self:start}.hero-badges{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;align-items:flex-start;justify-content:flex-start;width:100%}.hero-badges .badge.pill{white-space:normal;flex:1 1 240px;max-width:100%}}.dash-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}.dash-card{background:#0f172a;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:#111827;color:#e5e7eb;border:1px solid #374151;font-size:.9rem}.chip .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block}.video-list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.video-item{display:grid;gap:4px}.video-item a{color:#93c5fd;text-decoration:none}.video-item small{color:#9ca3af}@media (max-width:980px){.dash-grid{grid-template-columns:1fr}}.alert{padding:12px;border-radius:8px;border:1px solid transparent}.alert-warn{background:#fff3cd;border-color:#ffeeba;color:#111827}.alert-warn strong{color:#92400e}.app-shell .alert-warn{background:#1e293b;border-color:#334155;color:#fde68a}.app-shell .alert-warn strong{color:#fde68a}.loading-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid #f3f4f6;border-top-color:#3b82f6;animation:spin 1s ease-in-out infinite}.loading-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.loading-card{background:white;border-radius:12px;padding:20px;border:1px solid #e2e8f0}.skeleton-line{height:16px;background:#f3f4f6;border-radius:4px;margin-bottom:8px}.skeleton-line.short{width:60%}.skeleton-line.medium{width:80%}.skeleton-line.long{width:100%}@keyframes spin{to{transform:rotate(1turn)}}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-admin{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;border:none;text-decoration:none;min-height:44px}.btn-admin:disabled{opacity:.5;cursor:not-allowed}.btn-admin.loading{position:relative;color:transparent}.btn-admin.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:spin 1s linear infinite}.error-message{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:12px 16px;border-radius:8px;margin:16px 0}.error-inline{color:#dc2626;font-size:14px;margin-top:4px}.success-message{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;padding:12px 16px;border-radius:8px;margin:16px 0}.toast{position:fixed;top:20px;right:20px;z-index:9999;max-width:400px;background:white;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 10px 25px rgba(0,0,0,.1);transform:translateX(100%);transition:transform .3s ease}.toast.show{transform:translateX(0)}.toast.success{border-left:4px solid #10b981}.toast.error{border-left:4px solid #ef4444}.toast.warning{border-left:4px solid #f59e0b}.form-field{position:relative}.form-field.has-error .form-input,.form-field.has-error .form-select,.form-field.has-error .form-textarea{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1)}.form-field.loading .form-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpath d='M21 12a9 9 0 11-6.219-8.56'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px;animation:spin 1s linear infinite}.table-container{overflow-x:auto;border-radius:12px;border:1px solid #e2e8f0}.admin-table{width:100%;border-collapse:collapse;background:white}.admin-table td,.admin-table th{padding:12px 16px;text-align:left;border-bottom:1px solid #f3f4f6}.admin-table th{background:#f8fafc;font-weight:600;color:#374151;position:sticky;top:0;z-index:1}.admin-table tbody tr:hover{background:#f9fafb}@media (max-width:768px){.table-responsive{display:block;width:100%;overflow-x:auto;white-space:nowrap}.table-stack{display:none}.table-stack.mobile{display:block}.table-stack .stack-item{background:white;border:1px solid #e2e8f0;border-radius:8px;padding:16px;margin-bottom:12px}.table-stack .stack-header{font-weight:600;margin-bottom:8px;color:#1e293b}.table-stack .stack-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #f3f4f6}.table-stack .stack-row:last-child{border-bottom:none}.table-stack .stack-label{font-size:12px;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.table-stack .stack-value{font-weight:500;color:#1e293b}}.focus-visible:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (prefers-color-scheme:dark){.admin-layout{color-scheme:dark}}@media print{.admin-layout .sidebar,.admin-layout .top-header,.no-print{display:none!important}.admin-layout .main-content{margin-left:0!important}.admin-layout .content-area{padding:0!important}}.btn-secondary{background:#f8fafc;color:#475569;padding:10px 16px;border:1px solid #cbd5e1;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-secondary:hover{background:#e2e8f0;border-color:#94a3b8}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{background:#dc2626;color:white;padding:10px 16px;border:1px solid #dc2626;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:#3b82f6;color:white;padding:10px 16px;border:1px solid #3b82f6;border-radius:8px;text-decoration:none;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-height:44px}.btn-primary:hover{background:#2563eb;border-color:#2563eb}.btn-primary:disabled{opacity:.6;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.btn-admin.loading:after,.loading-spinner{animation:none}.toast{transition:none}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:24px}.admin-login-card{background:white;border-radius:16px;padding:32px;width:100%;max-width:420px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.admin-header{text-align:center;margin-bottom:32px}.admin-icon{font-size:48px;margin-bottom:16px}.admin-header h1{margin:0 0 8px;font-size:28px;font-weight:700;color:#1f2937}.admin-subtitle{margin:0;color:#6b7280;font-size:16px}.admin-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;padding:16px;border-radius:12px;margin-bottom:24px;display:flex;align-items:center;gap:12px;font-size:14px;font-weight:500}.error-icon{flex-shrink:0;font-size:18px}.admin-footer{margin-top:32px;text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.admin-footer p{margin:0 0 12px;color:#6b7280;font-size:14px}.back-link{color:#6366f1;text-decoration:none;font-size:14px;font-weight:500}.back-link:hover{color:#4f46e5;text-decoration:underline}@media (max-width:640px){.admin-login-wrap{padding:16px}.admin-login-card{padding:24px;border-radius:12px}.admin-header h1{font-size:24px}.admin-icon{font-size:40px;margin-bottom:12px}}.video-management{padding:24px;background:transparent;min-height:auto}.management-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.management-header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1e293b}.management-header p{margin:0;color:#64748b}.filters-section{background:white;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e5e7eb}.filter-select{padding:10px 12px;border:2px solid #d1d5db;border-radius:8px;background:white;font-size:14px;color:#1f2937;font-weight:500;min-width:160px;cursor:pointer;transition:all .2s}.filter-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.filter-select option{padding:8px 12px;color:#1f2937;background:white;font-weight:500}.search-input{width:100%;padding:12px 16px 12px 48px;border:2px solid #d1d5db;border-radius:8px;font-size:16px;color:#1f2937;background:white;font-weight:400}.search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.search-input::placeholder{color:#6b7280;font-weight:400}.videos-table-container{background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.videos-table{width:100%;border-collapse:collapse}.videos-table td,.videos-table th{padding:16px;text-align:left;border-bottom:1px solid #f3f4f6;color:#1e293b;font-size:14px;line-height:1.5}.videos-table th{background:#f8fafc;font-weight:700;color:#1e293b;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.video-title{font-weight:600;color:#0f172a;margin-bottom:2px;line-height:1.4}.video-description{font-size:13px;color:#475569;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4;font-weight:400}.subscription-badge{background:#eff6ff;color:#1e40af;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid #bfdbfe}.status-badge{gap:4px;padding:6px 10px;border-radius:12px;font-size:12px;font-weight:600;text-transform:capitalize;border:1px solid rgba(0,0,0,.2);text-shadow:none;min-width:70px;justify-content:center}.status-badge,.views-cell{display:flex;align-items:center}.views-cell{gap:6px;color:#374151;font-size:14px;font-weight:500}.admin-layout{display:flex;min-height:100vh;background:#f8fafc;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.content-area{flex:1;overflow:auto}.top-header{border-bottom:1px solid #e2e8f0;padding:16px 24px;justify-content:space-between;align-items:center;position:sticky;z-index:10}.sidebar,.top-header{background:white;display:flex;top:0}.sidebar{width:280px;border-right:1px solid #e2e8f0;flex-direction:column;position:fixed;left:0;height:100vh;z-index:50;transform:translateX(-100%);transition:transform .3s ease}@media (min-width:768px){.sidebar{position:relative;transform:translateX(0)}.main-content{margin-left:0}}.customer-app{background:var(--customer-bg);min-height:100vh;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica Neue,Arial,sans-serif;color:var(--customer-text);line-height:1.6}.customer-container{max-width:1400px;margin:0 auto;padding:var(--space-6)}.customer-container-sm{max-width:800px;margin:0 auto;padding:var(--space-6)}.customer-card{background:var(--customer-bg-secondary);border:1px solid var(--customer-border);border-radius:var(--customer-radius);padding:var(--space-6);box-shadow:0 1px 3px var(--customer-shadow);transition:all .2s ease}.customer-card:hover{box-shadow:0 4px 12px var(--customer-shadow-lg);transform:translateY(-1px)}.customer-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5);gap:var(--space-4)}.customer-card-title{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--customer-text);line-height:1.3}.customer-card-subtitle{margin:var(--space-1) 0 0 0;font-size:var(--font-size-sm);color:var(--customer-text-secondary);font-weight:400}.customer-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--customer-radius-sm);font-size:var(--font-size-sm);font-weight:600;text-decoration:none;border:1px solid transparent;cursor:pointer;transition:all .2s ease;min-height:44px;position:relative;overflow:hidden}.customer-btn:disabled{opacity:.6;cursor:not-allowed}.customer-btn-primary{background:var(--customer-primary);color:white;border-color:var(--customer-primary)}.customer-btn-primary:hover:not(:disabled){background:var(--customer-primary-hover);border-color:var(--customer-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.customer-btn-secondary{background:var(--customer-bg-secondary);color:var(--customer-text-secondary);border-color:var(--customer-border)}.customer-btn-secondary:hover:not(:disabled){background:var(--customer-border-light);border-color:var(--customer-text-muted);color:var(--customer-text)}.customer-btn-success{border-color:var(--customer-success)}.customer-btn-success:hover:not(:disabled){background:#059669;border-color:#059669;transform:translateY(-1px);box-shadow:0 4px 12px rgba(16,185,129,.3)}.customer-btn-warning{background:var(--customer-warning);color:white;border-color:var(--customer-warning)}.customer-btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706;transform:translateY(-1px);box-shadow:0 4px 12px rgba(245,158,11,.3)}.customer-btn-danger{background:var(--customer-error);color:white;border-color:var(--customer-error)}.customer-btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px rgba(239,68,68,.3)}.customer-btn-ghost{background:transparent;color:var(--customer-text-secondary);border-color:transparent}.customer-btn-ghost:hover:not(:disabled){background:var(--customer-border-light);color:var(--customer-text)}.customer-btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs);min-height:36px}.customer-btn-lg{font-size:var(--font-size-lg);min-height:52px}.customer-btn-loading{color:transparent}.customer-btn-loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;border:2px solid;border-top:2px solid transparent;animation:spin 1s linear infinite}.customer-form-group{margin-bottom:var(--space-5)}.customer-label{display:block;margin-bottom:var(--space-2);color:var(--customer-text)}.customer-input,.customer-select,.customer-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--customer-border);border-radius:var(--customer-radius-sm);font-size:var(--font-size-base);color:var(--customer-text);background:var(--customer-bg-secondary);transition:all .2s ease;min-height:44px}.customer-input:focus,.customer-select:focus,.customer-textarea:focus{outline:none;border-color:var(--customer-primary);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.customer-input::placeholder,.customer-textarea::placeholder{color:var(--customer-text-muted)}.customer-input-error,.customer-select-error,.customer-textarea-error{border-color:var(--customer-error);box-shadow:0 0 0 3px rgba(239,68,68,.1)}.customer-error-message{color:var(--customer-error);font-weight:500}.customer-error-message,.customer-help-text{margin-top:var(--space-1);font-size:var(--font-size-sm)}.customer-help-text{color:var(--customer-text-secondary)}.customer-alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--customer-radius-sm);margin-bottom:var(--space-4);border:1px solid}.customer-alert-success{background:#f0fdf4;border-color:#bbf7d0;color:#166534}.customer-alert-warning{background:#fffbeb;border-color:#fed7aa;color:#92400e}.customer-alert-error{background:#fef2f2;border-color:#fecaca;color:#dc2626}.customer-alert-info{background:#eff6ff;border-color:#bfdbfe;color:#1e40af}.customer-alert-icon{flex-shrink:0;width:20px;height:20px}.customer-alert-content{flex:1}.customer-alert-title{margin:0 0 var(--space-1) 0;font-weight:600;font-size:var(--font-size-sm)}.customer-alert-message{margin:0;font-size:var(--font-size-sm);line-height:1.5}.customer-info-section{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--customer-border-light)}.customer-info-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.customer-info-grid{display:grid;gap:var(--space-4);margin-bottom:var(--space-4)}.customer-info-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--customer-bg-secondary);border-radius:var(--customer-radius-sm);border:1px solid var(--customer-border-light)}.customer-label{font-weight:600;color:var(--customer-text-secondary);font-size:var(--font-size-sm)}.customer-value{font-weight:500;color:var(--customer-text)}.customer-card-danger{border-color:rgba(239,68,68,.2);background:rgba(239,68,68,.05)}.customer-link{color:var(--customer-primary);text-decoration:none;font-weight:500;transition:color .2s ease}.customer-link:hover{color:var(--customer-primary-dark);text-decoration:underline}.customer-btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--font-size-base);font-weight:600}.customer-btn-success{background:var(--customer-success);color:white;border:1px solid var(--customer-success)}.customer-btn-success:hover{background:var(--customer-success-dark);border-color:var(--customer-success-dark)}.customer-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:9999px;font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.customer-badge-primary{background:#eff6ff;color:#1e40af;border:1px solid #bfdbfe}.customer-badge-success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.customer-badge-warning{background:#fffbeb;color:#92400e;border:1px solid #fed7aa}.customer-badge-error{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.customer-badge-neutral{background:var(--customer-border-light);color:var(--customer-text-secondary);border:1px solid var(--customer-border)}.customer-grid{display:grid;gap:var(--space-6)}.customer-grid-2{grid-template-columns:repeat(2,1fr)}.customer-grid-3{grid-template-columns:repeat(3,1fr)}.customer-grid-4{grid-template-columns:repeat(4,1fr)}.customer-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.customer-stat-card{background:var(--customer-bg-secondary);border:1px solid var(--customer-border);border-radius:var(--customer-radius);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);transition:all .2s ease}.customer-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px var(--customer-shadow-lg)}.customer-stat-icon{width:48px;height:48px;border-radius:var(--customer-radius-sm);display:flex;align-items:center;justify-content:center;background:var(--customer-primary);color:white;flex-shrink:0}.customer-stat-content{flex:1}.customer-stat-number{font-size:var(--font-size-2xl);font-weight:700;color:var(--customer-text);line-height:1;margin-bottom:var(--space-1)}.customer-stat-label{font-size:var(--font-size-sm);color:var(--customer-text-secondary);font-weight:500}.customer-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}.customer-skeleton-text{height:1rem;border-radius:4px;margin-bottom:.5rem}.customer-skeleton-text.short{width:60%}.customer-skeleton-text.medium{width:80%}.customer-skeleton-text.long{width:100%}.customer-spinner{display:inline-block;width:20px;height:20px;border-radius:50%;border:3px solid var(--customer-border);border-top-color:var(--customer-primary);animation:spin 1s ease-in-out infinite}@media (max-width:768px){.customer-card,.customer-container,.customer-container-sm{padding:var(--space-4)}.customer-card-header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.customer-grid-2,.customer-grid-3,.customer-grid-4{grid-template-columns:1fr}.customer-stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.customer-stat-card{padding:var(--space-4);gap:var(--space-3)}.customer-stat-icon{width:40px;height:40px}.customer-stat-number{font-size:var(--font-size-xl)}}@media (max-width:480px){.customer-card,.customer-container{padding:var(--space-3)}.customer-stats-grid{grid-template-columns:1fr}.customer-btn{width:100%;justify-content:center}}@media (hover:none) and (pointer:coarse){.customer-btn:active{transform:scale(.98)}.customer-card:hover{transform:none}.customer-input,.customer-select,.customer-textarea{font-size:16px}}.customer-btn:focus,.customer-input:focus,.customer-select:focus,.customer-textarea:focus{outline:2px solid var(--customer-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.customer-btn,.customer-card,.customer-stat-card{transition:none}.customer-skeleton,.customer-spinner{animation:none}}.email-templates-page{padding:24px;background:transparent}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px;margin-top:24px}.template-card{background:white;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s ease;box-shadow:0 1px 3px rgba(0,0,0,.1)}.template-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-2px)}.template-card-header{padding:16px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;gap:12px}.template-category-badge{padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;color:white;display:inline-flex;align-items:center;gap:4px}.default-badge{padding:4px 8px;background:#f0fdf4;color:#166534;border:1px solid #bbf7d0;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.template-card-body{padding:20px}.template-card-body h3{margin:0 0 8px;font-size:18px;font-weight:700;color:#1e293b}.template-subject{color:#64748b;font-size:14px;margin:0 0 12px;line-height:1.5}.template-variables{margin-top:12px}.variables-count{font-size:12px;color:#94a3b8;font-weight:500}.template-card-actions{display:flex;gap:8px;padding:12px 16px;background:#f8fafc;border-top:1px solid #e2e8f0}.template-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 12px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#475569;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.template-action:hover:not(:disabled){border-color:#94a3b8;background:#f1f5f9;color:#1e293b;transform:translateY(-1px)}.template-action:disabled{opacity:.5;cursor:not-allowed}.template-action.preview{color:#3b82f6;border-color:#bfdbfe}.template-action.preview:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#2563eb}.template-action.test{color:#10b981;border-color:#bbf7d0}.template-action.test:hover:not(:disabled){background:#f0fdf4;border-color:#10b981;color:#059669}.template-action.edit{color:#f59e0b;border-color:#fed7aa}.template-action.edit:hover:not(:disabled){background:#fffbeb;border-color:#f59e0b;color:#d97706}.template-action.delete{color:#ef4444;border-color:#fecaca}.template-action.delete:hover:not(:disabled){background:#fef2f2;border-color:#ef4444;color:#dc2626}.template-action svg{width:16px;height:16px;color:currentColor}.templates-filters{display:flex;gap:16px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.category-tab{padding:8px 16px;background:white;color:#64748b;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:1px solid #e2e8f0}.category-tab:hover{background:#f8fafc;color:#1e293b}.category-tab.active{background:#3b82f6;color:white;border-color:#3b82f6}.search-box{position:relative;flex:1;max-width:400px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8;width:16px;height:16px}.search-box input{width:100%;padding:10px 12px 10px 38px;border:1px solid #e2e8f0;border-radius:8px;font-size:14px;color:#1e293b;background:white}.search-box input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.empty-state{grid-column:1/-1;text-align:center;padding:60px 20px;color:#94a3b8}.empty-state h3{margin:16px 0 8px;color:#64748b;font-size:18px}.empty-state p{margin:0;color:#94a3b8;font-size:14px}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.metric-icon svg{color:white;width:24px;height:24px}.metric-card{background:white;border:1px solid #e2e8f0;border-radius:12px;padding:20px;display:flex;gap:16px;align-items:center;transition:all .2s ease}.metric-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1);transform:translateY(-2px)}.metric-content{flex:1}.metric-value{font-size:32px;font-weight:700;color:#1e293b;line-height:1;margin-bottom:4px}.metric-label{font-size:14px;color:#64748b;font-weight:500;margin-bottom:4px}.metric-change{font-size:13px;color:#94a3b8;display:flex;align-items:center;gap:4px}.metric-change svg{width:12px;height:12px;color:#10b981}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:32px}.quick-actions{display:flex;gap:12px}.quick-action{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border:1px solid #e2e8f0;border-radius:8px;background:white;color:#475569;font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:all .2s ease}.quick-action:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.quick-action.primary{background:#3b82f6;border-color:#3b82f6;color:white}.quick-action.primary:hover{background:#2563eb;border-color:#2563eb}.quick-action svg{width:16px;height:16px;color:currentColor}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px rgba(0,0,0,.3)}.modal-content.large{max-width:900px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:20px;font-weight:700;color:#1e293b}.modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:#64748b;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.modal-close:hover{background:#f1f5f9;color:#1e293b}.modal-close svg{width:20px;height:20px}.modal-body{padding:24px}.preview-container{background:#f8fafc;border-radius:8px;padding:20px}.preview-subject{padding:12px;margin-bottom:16px;font-size:14px}.preview-html,.preview-subject{background:white;border-radius:6px;color:#1e293b;border:1px solid #e2e8f0}.preview-html{padding:20px;min-height:200px}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-header h1{margin:0 0 4px;font-size:28px;font-weight:700;color:#1e293b}.dashboard-header p{margin:0;color:#64748b;font-size:14px}@media (max-width:768px){.metrics-grid,.templates-grid{grid-template-columns:1fr}.category-tabs{width:100%}.category-tab{flex:1;text-align:center}}.payment-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;color:white;border-radius:6px;text-decoration:none;font-weight:600;transition:background .2s}.subscribe-button{background:#3b82f6}.subscribe-button:hover{background:#2563eb}.paypal-button{background:#0070BA}.paypal-button:hover{background:#005ea6}.stripe-button{background:#635BFF}.stripe-button:hover{background:#5850e6}.gateway-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.gateway-modal{background:white;padding:2rem;border-radius:12px;max-width:400px;width:100%;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}