:root {
    --bg: #f6f5f2;
    --bg-elev: #ffffff;
    --card: rgba(255,255,255,0.88);
    --card-2: #ffffff;
    --border: rgba(18, 22, 30, 0.08);
    --text: #111318;
    --muted: #6f7480;
    --primary: #121212;
    --accent: #bf9550;
    --accent-soft: rgba(191,149,80,0.14);
    --soft: #f2eee4;
    --success: #1e9b61;
    --warning: #b17a0b;
    --danger: #d14f5f;
    --shadow: 0 18px 60px rgba(15, 17, 22, 0.08);
    --radius: 24px;
}
body.theme-dark {
    --bg: #0f1115;
    --bg-elev: #161a21;
    --card: rgba(20,24,31,0.92);
    --card-2: #171c24;
    --border: rgba(255,255,255,0.08);
    --text: #f7f7f3;
    --muted: #a3acb9;
    --primary: #f7f7f3;
    --accent: #d6a86a;
    --accent-soft: rgba(214,168,106,0.14);
    --soft: #1f242d;
    --shadow: 0 24px 70px rgba(0,0,0,0.35);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at top left, rgba(191,149,80,.12), transparent 26%),linear-gradient(180deg,var(--bg) 0%,var(--bg-elev) 100%);color:var(--text);transition:background .25s,color .25s}
a{text-decoration:none;color:inherit} img{max-width:100%} button,input,textarea,select{font:inherit} pre{font-family:inherit}
.container{width:min(1220px,calc(100% - 32px));margin:0 auto}
.admin-top-strip{background:#111;color:#fff;font-size:.9rem}.admin-strip-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px}.admin-strip-inner a{opacity:.9}
.site-header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.72);backdrop-filter:blur(16px);border-bottom:1px solid var(--border)} body.theme-dark .site-header{background:rgba(15,17,21,.72)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;position:relative}
.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:52px;height:52px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,#151515,#3a3a3a);color:#fff;font-weight:800;box-shadow:var(--shadow)} body.theme-dark .brand-mark{background:linear-gradient(145deg,#f3f3ef,#7d7d7d);color:#111}
.brand strong{display:block;font-size:1rem}.brand small{color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:8px;flex:1;justify-content:center}.main-nav>a,.nav-link{padding:12px 14px;border-radius:14px;color:var(--muted);background:none;border:0;cursor:pointer;font-weight:500}.main-nav>a:hover,.nav-link:hover,.nav-cta{background:var(--soft);color:var(--text)}
.nav-dropdown{position:relative;padding-bottom:14px;margin-bottom:-14px}.dropdown-menu{position:absolute;top:100%;left:0;min-width:290px;max-height:min(70vh,560px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);padding:12px;border-radius:22px;display:block;opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease;scrollbar-width:thin}.dropdown-menu a{display:block;padding:11px 12px;border-radius:14px;color:var(--muted)}.dropdown-menu a:hover{background:var(--soft);color:var(--text)}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu,.nav-dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.dropdown-menu::-webkit-scrollbar{width:9px}.dropdown-menu::-webkit-scrollbar-thumb{background:rgba(127,127,127,.35);border-radius:999px}
.header-actions{display:flex;align-items:center;gap:10px}.icon-btn,.lang-switch,.mobile-toggle{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:14px;min-height:46px;padding:0 14px;cursor:pointer}.icon-btn{width:46px}.mobile-toggle{display:none}
.hero,.section{padding:48px 0}.hero{padding-top:72px}.hero-grid,.page-grid,.admin-grid-wrap,.form-grid,.calc-grid,.showcase-row,.footer-grid,.category-grid,.quick-grid,.admin-stat-grid,.mini-feature-grid{display:grid;gap:24px}.hero-grid{grid-template-columns:1.1fr .9fr;align-items:center}.page-grid{grid-template-columns:1.1fr .52fr}.admin-grid-wrap{grid-template-columns:300px 1fr;align-items:start}
.eyebrow{display:inline-flex;padding:9px 14px;border-radius:999px;background:var(--soft);color:var(--text);font-weight:700;font-size:.85rem;margin-bottom:18px}.small-eyebrow{margin-bottom:8px}
.hero h1{font-size:clamp(2.2rem,4vw,4.8rem);line-height:1.03;margin:0 0 18px}.lead,.page-head p,.category-card p,.quick-card p,.info-card p,.info-card li,.footer-grid p,.footer-grid li,.mini-feature p{color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-meta-list{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.hero-meta-list span{padding:14px 16px;border-radius:18px;background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);font-weight:700}.hero-meta-list small{display:block;font-weight:500;color:var(--muted)}
.btn{border:0;cursor:pointer;padding:14px 18px;border-radius:16px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:10px;transition:.25s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#181818;color:#fff}.btn-secondary{background:var(--soft);color:var(--text)}.btn-danger{background:#3a1117;color:#ffd7dc;border:1px solid rgba(209,79,95,.35)} body.theme-light .btn-danger{background:#ffe6ea;color:#8d2332}.small{padding:10px 14px;border-radius:14px}.tiny{padding:10px 12px;border-radius:12px;font-size:.85rem}.full{width:100%}
.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius);backdrop-filter:blur(16px)}
.hero-showcase{padding:28px}.showcase-row{grid-template-columns:1fr 1fr}.showcase-row div{padding:18px;border-radius:20px;background:var(--soft)}.showcase-row span{display:block;color:var(--muted);margin-bottom:6px}.showcase-row strong{font-size:1.8rem}.showcase-badges{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.showcase-badges span{padding:10px 12px;border-radius:999px;background:var(--soft)}.showcase-note{padding:16px;border-radius:18px;background:linear-gradient(180deg,var(--accent-soft),transparent);color:var(--text)}
.search-strip{padding:22px 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:18px;align-items:center}.search-strip h2{margin:0;font-size:1.5rem}
.section-heading{text-align:center;max-width:760px;margin:0 auto 28px}.section-heading span{display:block;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);font-size:.8rem;font-weight:700}.section-heading h2,.page-head h1,.page-head h2{margin:10px 0 0;font-size:clamp(1.7rem,3vw,2.8rem)}
.category-grid,.quick-grid,.mini-feature-grid{grid-template-columns:repeat(3,1fr)}.category-card,.quick-card,.form-card,.calculator-shell,.template-shell,.guide-content,.info-card,.admin-side,.admin-stat,.chart-card,.admin-form,.table-wrap,.mini-feature,.analytics-list,.ticket-code-card,.tracked-ticket-card,.track-form,.admin-ticket-card{padding:24px}.category-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.category-top span{width:44px;height:44px;border-radius:14px;background:var(--soft);display:grid;place-items:center;font-weight:800}.text-link{font-weight:700;color:var(--text)}
.muted-section{background:rgba(0,0,0,.02)} body.theme-dark .muted-section{background:rgba(255,255,255,.02)} .quick-card{display:block}.quick-icon{font-size:1.8rem;display:inline-flex;margin-bottom:10px}
.page-shell{padding-top:38px}.page-head{margin-bottom:18px}.content-side{display:grid;gap:18px;align-content:start}.step-list{margin:0;padding-left:22px;display:grid;gap:14px}.template-preview-area{white-space:pre-wrap;margin:0;color:var(--text);line-height:1.75;background:var(--soft);padding:18px;border-radius:18px;min-height:300px}
.calc-grid{grid-template-columns:repeat(2,1fr);gap:16px}.calc-grid.one{grid-template-columns:1fr}.calculator-shell .calc-toolbar,.template-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.calc-actions{grid-column:1/-1}.result-box{margin-top:18px;padding:18px;border-radius:18px;background:var(--soft);font-weight:600;line-height:1.6}.template-customizer{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:18px}
.form-grid{grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:8px;margin-bottom:14px}input,textarea,select{width:100%;border-radius:16px;border:1px solid var(--border);padding:14px 16px;background:var(--bg-elev);color:var(--text);outline:none} input:focus,textarea:focus,select:focus{border-color:var(--accent)}
.notice{padding:14px 16px;border-radius:16px;margin-bottom:18px}.notice.success{background:rgba(30,155,97,.12);border:1px solid rgba(30,155,97,.25);color:var(--success)}.notice.warning{background:rgba(177,122,11,.12);border:1px solid rgba(177,122,11,.25);color:var(--warning)}
.ticket-code-card{margin-bottom:18px}.ticket-code-line{font-size:1.6rem;font-weight:800;padding:14px 18px;border-radius:18px;background:var(--soft);margin:12px 0}
.narrow-wrap{width:min(860px,calc(100% - 32px));margin:0 auto}.center-head{text-align:center}.track-form{margin-bottom:18px}.tracked-ticket-card{display:grid;gap:18px}.tracked-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.tracked-head p{margin:6px 0 0;color:var(--muted)}.tracked-meta-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.tracked-meta-grid div{padding:16px;border-radius:18px;background:var(--soft)}.tracked-meta-grid span{display:block;color:var(--muted);margin-bottom:6px;font-size:.9rem}.tracked-message,.reply-list{padding:18px;border-radius:18px;background:var(--soft)}.reply-item{padding:14px 0;border-bottom:1px solid var(--border)}.reply-item:last-child{border-bottom:0;padding-bottom:0}.reply-item span{display:block;color:var(--muted);margin:6px 0}.priority-low{background:rgba(45,155,99,.12)}.priority-medium{background:rgba(191,149,80,.16)}.priority-high{background:rgba(209,79,95,.16)}
.faq-list{display:grid;gap:16px}.faq-item{padding:0}.faq-item summary{cursor:pointer;list-style:none;padding:22px 24px;font-weight:700}.faq-item p{padding:0 24px 24px;margin:0;color:var(--muted)}
.site-footer{padding:30px 0 18px;border-top:1px solid var(--border);margin-top:42px}.premium-footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-grid h4{margin:0 0 10px}.footer-grid ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}.footer-badges{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.footer-badges span{padding:8px 12px;border-radius:999px;background:var(--soft);font-size:.9rem}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:22px;margin-top:22px;border-top:1px solid var(--border);font-size:.95rem;color:var(--muted)}.footer-bottom a{color:var(--text);font-weight:700}
.admin-login-wrap{min-height:calc(100vh - 180px);display:grid;place-items:center;padding:32px 16px}.admin-login-card{width:min(520px,100%)}
.admin-side{position:sticky;top:100px}.admin-side nav{display:grid;gap:10px;margin-top:18px}.admin-side nav a{padding:12px 14px;border-radius:14px;background:var(--soft);color:var(--text)}.compact-head{margin-bottom:18px}.admin-stat-grid{grid-template-columns:repeat(4,1fr);gap:16px}.five-grid{grid-template-columns:repeat(5,1fr)}.six-grid{grid-template-columns:repeat(6,1fr)}.admin-stat strong{display:block;font-size:2rem;margin-bottom:6px}.chart-card,.admin-form,.table-wrap,.analytics-list{margin-top:18px}.bar-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:14px;align-items:end;min-height:220px}.bar-col{text-align:center}.bar{background:linear-gradient(180deg,var(--accent),#2d2d2d);border-radius:18px 18px 8px 8px;margin-bottom:10px}.top-switch{margin-bottom:18px}.admin-modules-grid{display:grid;grid-template-columns:1fr;gap:22px}.toggle-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row.box{padding:14px 16px;border-radius:18px;background:var(--soft)}.switch-row input{width:22px;height:22px}.status-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--soft);font-weight:700}.analytics-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.analytics-row:last-child{border-bottom:0}
.ticket-stack{display:grid;gap:18px}.admin-ticket-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.admin-ticket-head p{margin:6px 0 0;color:var(--muted)}.admin-ticket-message{padding:16px;border-radius:18px;background:var(--soft);margin:16px 0}.reply-form-inline textarea{margin-bottom:12px}.admin-reply-list{margin-bottom:16px}.flex-actions{display:flex;flex-wrap:wrap}.compact-meta-grid{margin:16px 0}
.hidden-by-search{display:none !important}
@media (max-width: 1100px){.hero-grid,.page-grid,.admin-grid-wrap,.footer-grid,.category-grid,.quick-grid,.admin-stat-grid,.showcase-row,.form-grid,.calc-grid,.toggle-grid,.tracked-meta-grid,.template-customizer,.search-strip,.mini-feature-grid,.five-grid,.six-grid{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:1fr}.admin-grid-wrap{grid-template-columns:1fr}.admin-side{position:static}.premium-footer-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 820px){.mobile-toggle{display:inline-flex;align-items:center;justify-content:center}.site-header{overflow:visible}.main-nav{position:fixed;left:16px;right:16px;top:94px;max-height:calc(100vh - 110px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);padding:16px;border-radius:22px;display:none;flex-direction:column;align-items:stretch;justify-content:flex-start;z-index:60}.main-nav.open{display:flex}.nav-dropdown{padding-bottom:0;margin-bottom:0}.nav-dropdown:hover .dropdown-menu,.nav-dropdown:focus-within .dropdown-menu{opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none}.nav-dropdown.open .dropdown-menu{display:block;position:static;min-width:unset;max-height:52vh;margin-top:10px;opacity:1;visibility:visible;transform:none;pointer-events:auto}.hero-grid,.category-grid,.quick-grid,.form-grid,.calc-grid,.footer-grid,.admin-stat-grid,.toggle-grid,.tracked-meta-grid,.template-customizer,.search-strip,.mini-feature-grid,.five-grid,.six-grid{grid-template-columns:1fr}.header-actions{margin-left:auto}.hero h1{font-size:clamp(2rem,8vw,3rem)}.footer-bottom,.tracked-head{flex-direction:column;align-items:flex-start}.tracked-meta-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 560px){.container{width:min(100% - 20px,1220px)}.tracked-meta-grid{grid-template-columns:1fr}.hero-meta-list span{width:100%}.admin-ticket-head,.calc-toolbar,.template-toolbar{flex-direction:column;align-items:stretch}}

.admin-profile-box{display:grid;gap:10px;padding:16px 0 18px;border-bottom:1px solid var(--border);margin-bottom:16px}.role-pill{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-weight:800;font-size:.82rem;width:max-content}.role-tester{background:rgba(33,150,243,.14);color:#2268b5}.role-moderator{background:rgba(255,152,0,.16);color:#9c5f00}.role-admin{background:rgba(30,155,97,.14);color:#1b8f5a}.role-developer{background:rgba(156,39,176,.18);color:#7c2e99}.role-founder{background:rgba(209,79,95,.18);color:#a61c32}.admin-side nav{display:grid;gap:8px}.admin-side nav a{padding:12px 14px;border-radius:14px;color:var(--muted)}.admin-side nav a:hover,.admin-side nav a.is-active{background:var(--soft);color:var(--text);font-weight:700}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}.admin-content-editor textarea{min-height:140px}.content-switcher{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.login-note-grid{display:grid;gap:8px;margin-top:16px}.admin-user-list{display:grid;gap:18px}.admin-user-row{padding:18px;border:1px solid var(--border);border-radius:20px;background:var(--bg-elev)}.user-row-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.muted-mini{color:var(--muted);font-size:.92rem}.admin-ticket-message{margin:16px 0;color:var(--text)}.status-badge{display:inline-flex;padding:10px 12px;border-radius:999px;font-size:.85rem;font-weight:700}.compact-meta-grid{margin:14px 0}.table-wrap h3,.admin-form h3{margin-top:0}.admin-section-gap{margin-top:28px}.flex-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}.five-grid{grid-template-columns:repeat(5,1fr)}.bar-chart{display:flex;align-items:flex-end;gap:16px;min-height:230px}.bar-col{flex:1;display:grid;justify-items:center;gap:10px}.bar{width:100%;max-width:64px;border-radius:18px 18px 8px 8px;background:linear-gradient(180deg,var(--accent),#121212)}.analytics-row{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.analytics-row:last-child{border-bottom:0}.reply-form-inline textarea{margin-bottom:10px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch-row.box{padding:12px 14px;background:var(--soft);border-radius:16px;margin-bottom:10px}.toggle-grid{display:grid;gap:10px}.admin-modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:20px 0}.top-switch{padding:14px 0;border-bottom:1px solid var(--border)}.top-switch:last-of-type{margin-bottom:10px}.admin-login-wrap{min-height:calc(100vh - 160px);display:grid;place-items:center;padding:40px 16px}.admin-login-card{width:min(520px,100%);padding:28px}.hidden-by-search{display:none!important}
@media (max-width: 1100px){.user-row-grid,.admin-modules-grid,.admin-two-col,.five-grid,.six-grid{grid-template-columns:1fr 1fr}.admin-grid-wrap{grid-template-columns:1fr}.admin-side{position:static}}
@media (max-width: 720px){.content-switcher,.user-row-grid,.admin-modules-grid,.admin-two-col,.five-grid,.six-grid,.tracked-meta-grid{grid-template-columns:1fr}.bar-chart{overflow:auto;padding-bottom:10px}.bar-col{min-width:74px}}