:root{font-family:Space Grotesk,Segoe UI,sans-serif;color:#f3efe6;background:radial-gradient(circle at top left,rgba(199,140,92,.16),transparent 28%),radial-gradient(circle at top right,rgba(100,118,171,.18),transparent 24%),linear-gradient(180deg,#121319,#0c0d12);--panel: rgba(20, 22, 29, .88);--panel-border: rgba(255, 255, 255, .08);--text-soft: #b8becf;--accent: #dba46a;--accent-strong: #f0b67b;--danger: #d56b6b;--shadow: 0 20px 60px rgba(0, 0, 0, .24)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit}#root{min-height:100vh}.app-shell{max-width:1320px;margin:0 auto;padding:32px 20px 48px}.topbar,.hero,.categories-row,.catalog-layout,.single-panel,.message-strip{animation:fade-up .45s ease both}.topbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px}.eyebrow{display:inline-block;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);margin-bottom:6px}.topbar h1,.hero h2,.section-heading h3,.detail-panel h3{margin:0;font-weight:600;letter-spacing:-.03em}.topbar h1{font-size:clamp(2rem,5vw,3rem)}.topnav{display:flex;gap:10px;flex-wrap:wrap}.topnav button,.ghost-button,.category-chip,.mod-card,.secondary-link{border:1px solid var(--panel-border);background:#ffffff08;color:inherit;border-radius:16px;transition:transform .2s ease,border-color .2s ease,background .2s ease}.topnav button{padding:12px 16px}.topnav button:hover,.ghost-button:hover,.category-chip:hover,.mod-card:hover,.secondary-link:hover{transform:translateY(-1px);border-color:#dba46a66}.topnav .active,.category-chip.selected,.mod-card.selected{background:#dba46a29;border-color:#dba46a66}.hero,.panel,.message-strip{border:1px solid var(--panel-border);background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{display:grid;grid-template-columns:1.4fr .9fr;gap:24px;border-radius:28px;padding:28px;margin-bottom:20px}.hero-copy p,.section-heading p,.lead,.description-block p{color:var(--text-soft);line-height:1.65}.hero-copy h2{font-size:clamp(1.8rem,4vw,3.4rem);max-width:12ch;margin:12px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:end}.stat-card{border-radius:22px;padding:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05);border:1px solid rgba(255,255,255,.06)}.stat-card span,.detail-grid span,.table-row span{display:block;font-size:.85rem;color:var(--text-soft)}.stat-card strong{display:block;margin-top:10px;font-size:1.8rem}.categories-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.category-chip{padding:16px 18px;text-align:left}.category-chip strong,.table-row strong,.mod-card strong{display:block}.category-chip span{color:var(--text-soft);font-size:.88rem;margin-top:8px}.message-strip{border-radius:18px;padding:14px 18px;margin-bottom:18px}.message-strip.success{border-color:#78c08a59}.message-strip.error{border-color:#d56b6b59}.catalog-layout{display:grid;grid-template-columns:380px minmax(0,1fr);gap:18px}.single-panel{display:block}.panel{border-radius:28px;padding:22px}.catalog-sidebar,.detail-panel,.form-panel,.auth-panel,.account-panel,.admin-panel{min-height:520px}.field,.field-grid,.stacked-form,.mod-list,.mods-table{display:grid;gap:14px}.field label{display:block;margin-bottom:8px;font-size:.88rem;color:var(--text-soft)}.field input,.field select,.field textarea{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;color:inherit;padding:14px 16px;outline:none}.field textarea{resize:vertical;min-height:140px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#dba46a80;box-shadow:0 0 0 4px #dba46a14}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mod-list{margin-top:8px}.mod-card{padding:18px;text-align:left}.mod-card p{margin:10px 0 14px;color:var(--text-soft);line-height:1.5}.mod-card-head,.mod-meta,.detail-top,.section-heading,.table-head,.account-actions{display:flex;justify-content:space-between;gap:12px;align-items:start}.mod-card-head span,.mod-meta,.table-head{color:var(--text-soft);font-size:.88rem}.detail-top{align-items:center;margin-bottom:18px}.detail-panel h3{font-size:clamp(1.8rem,3vw,2.5rem);margin-top:12px}.pill{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;background:#dba46a29;border:1px solid rgba(219,164,106,.3);font-size:.82rem}.pill.subtle{background:#ffffff0d;border-color:#ffffff14}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0}.detail-grid>div,.table-row{border-radius:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);padding:16px}.description-block{border-top:1px solid rgba(255,255,255,.06);padding-top:18px}.primary-button,.danger-button,.ghost-button,.secondary-link{padding:13px 18px;border-radius:16px;border:1px solid transparent;text-decoration:none}.primary-button{background:var(--accent);color:#18120c;font-weight:600}.primary-button:hover{background:var(--accent-strong)}.danger-button{background:#d56b6b29;border-color:#d56b6b47;color:#ffd7d7}.ghost-button{background:#ffffff08;color:inherit}.secondary-link{display:inline-flex;margin-top:12px}.table-row{display:grid;grid-template-columns:1.2fr .7fr .7fr .7fr;align-items:center;gap:12px}.admin-row{grid-template-columns:1.1fr .5fr .9fr .5fr}.admin-actions{display:flex;justify-content:flex-end}.empty-state{color:var(--text-soft);text-align:center;padding:18px;border-radius:18px;background:#ffffff08}.empty-state.large{min-height:360px;display:grid;place-items:center}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1120px){.hero,.catalog-layout,.categories-row,.stats-grid,.detail-grid,.table-row,.admin-row,.field-grid{grid-template-columns:1fr}.topbar,.mod-card-head,.mod-meta,.detail-top,.section-heading,.table-head,.account-actions{flex-direction:column;align-items:stretch}}@media (max-width: 720px){.app-shell{padding:18px 12px 30px}.hero,.panel{border-radius:22px;padding:18px}.topnav{width:100%}.topnav button,.ghost-button,.primary-button,.danger-button,.secondary-link{width:100%;justify-content:center}}