@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@600;800&family=Merriweather:wght@400;700&display=swap";
:root{--bg:#241d14;--bg-soft:#2c2418;--panel:#30281beb;--panel-strong:#392f1e;--line:#4d4128;--line-strong:#61512f;--text:#f1e4c8;--text-soft:#c7b68c;--text-faint:#99895f;--primary:#d3a03a;--primary-strong:#b3841f;--primary-soft:#4a3a1c;--admin:#c2492f;--admin-soft:#c2492f38;--gold:#e6bb63;--ink:#241a08;--seal-hi:#9c6a3f;--seal-lo:#4c2f1c;--seal-icon:#f1e2c4;--shadow-sm:0 10px 24px #00000052;--shadow-md:0 20px 46px #0000006b;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--sidebar-width:280px;--content-width:1180px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--text);background:radial-gradient(circle at top left, #d8a2331f, transparent 32%), radial-gradient(circle at bottom right, #b1402b1f, transparent 40%), linear-gradient(180deg, #2d2517 0%, var(--bg) 100%);font-family:Merriweather,Georgia,Times New Roman,serif}h1,h2,h3,.sidebar-brand-name,.hero-kicker{font-family:Cinzel,Georgia,serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer;border:0}input,select{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-strong);width:100%;color:var(--text);outline:none;padding:.92rem 1rem;transition:border-color .18s,box-shadow .18s}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #d3a03a38}.shell{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c160ef0;border-right:1px solid #61512f8c}.desktop-sidebar{height:100vh;position:sticky;top:0}.sidebar-inner{flex-direction:column;min-height:100%;padding:22px 18px 18px;display:flex}.sidebar-brand-wrap{margin-bottom:24px}.sidebar-brand{align-items:center;gap:14px;display:flex}.sidebar-brand-mark{background:linear-gradient(135deg, var(--primary), var(--gold));width:42px;height:42px;color:var(--ink);border-radius:14px;place-items:center;font-weight:800;display:grid;box-shadow:0 12px 26px #0006}.sidebar-brand-name{letter-spacing:-.02em;font-size:1.02rem;font-weight:800}.sidebar-brand-subtitle{color:var(--text-soft);margin-top:4px;font-size:.88rem}.sidebar-nav{gap:10px;display:grid}.sidebar-link{min-height:46px;color:var(--text);border:1px solid #0000;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:.85rem .95rem;transition:background .18s,border-color .18s,transform .18s;display:flex}.sidebar-link:hover{background:#d8a2331f;border-color:#977d4f66;transform:translateY(-1px)}.sidebar-link-content{align-items:center;gap:11px;min-width:0;display:flex}.sidebar-link-icon{width:32px;height:32px;color:var(--seal-icon);background:radial-gradient(circle at 34% 28%, var(--seal-hi), var(--seal-lo) 72%);border-radius:50%;flex:none;place-items:center;display:grid;box-shadow:inset 0 2px 3px #ffffff38,inset 0 -3px 5px #0006,0 2px 5px #00000059}.sidebar-link-icon svg{display:block}.sidebar-link-label{font-size:.96rem;font-weight:700}.sidebar-badge{letter-spacing:.03em;border-radius:999px;justify-content:center;align-items:center;min-width:62px;padding:.35rem .55rem;font-size:.72rem;font-weight:800;display:inline-flex}.sidebar-badge-admin{background:var(--admin-soft);color:#f0b39d}.sidebar-footer{margin-top:auto;padding-top:20px}.sidebar-session-card{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#2b2316d9;border-radius:18px;padding:16px}.sidebar-session-title{font-size:.92rem;font-weight:800}.sidebar-session-text{color:var(--text-soft);margin-top:8px;font-size:.9rem;line-height:1.55}.sidebar-auth-button,.sidebar-auth-link{background:linear-gradient(135deg, var(--primary), var(--gold));width:100%;min-height:44px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;margin-top:14px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #00000061}.sidebar-auth-icon{flex:none;width:16px;height:16px;display:inline-flex}.sidebar-meta{color:var(--text-faint);justify-content:space-between;gap:10px;margin-top:14px;font-size:.78rem;display:flex}.shell-main{min-width:0}.page-wrap{width:100%;max-width:var(--content-width);margin:0 auto;padding:40px 28px 56px}.hero-card,.content-card,.login-panel-v2{background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #977d4f59;border-radius:28px}.hero-card{padding:42px}.content-card{padding:36px}.login-stage{place-items:center;min-height:calc(100vh - 80px);display:grid}.login-panel-v2{background:#2b2316f5;width:100%;max-width:560px;padding:34px}.hero-kicker{background:var(--primary-soft);min-height:30px;color:var(--primary);letter-spacing:.03em;border-radius:999px;align-items:center;padding:.3rem .7rem;font-size:.78rem;font-weight:800;display:inline-flex}.hero-title,.page-title-large{letter-spacing:-.045em;margin:16px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.05}.hero-text,.page-lead{max-width:64ch;color:var(--text-soft);margin:16px 0 0;font-size:1rem;line-height:1.72}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.primary-cta,.secondary-cta{border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:.9rem 1.2rem;font-weight:800;display:inline-flex}.primary-cta{background:linear-gradient(135deg, var(--primary), var(--gold));color:var(--ink);box-shadow:0 12px 24px #00000061}.secondary-cta{color:var(--text);border:1px solid var(--line);background:#2b2316d9}.button-reset{border:0;width:100%}.content-section{margin-top:26px}.section-heading h2{letter-spacing:-.03em;margin:0;font-size:1.9rem}.section-heading p{max-width:70ch;color:var(--text-soft);margin:12px 0 0;line-height:1.68}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px;display:grid}.feature-card{box-shadow:var(--shadow-sm);background:#261f14d9;border:1px solid #977d4f59;border-radius:22px;padding:24px}.feature-card h3{letter-spacing:-.02em;margin:0;font-size:1.08rem}.feature-card p{color:var(--text-soft);margin:10px 0 0;line-height:1.65}.form-stack{gap:18px;margin-top:26px;display:grid}.field{gap:8px;display:grid}.field label{font-size:.92rem;font-weight:700}.account-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.account-summary-card{box-shadow:var(--shadow-sm);background:#261f14d9;border:1px solid #977d4f59;border-radius:18px;padding:18px 20px}.account-summary-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-faint);font-size:.78rem;font-weight:800;display:block}.account-summary-value{color:var(--text);margin-top:8px;font-size:1.15rem;font-weight:800;display:block}.mobile-topbar,.mobile-drawer-layer{display:none}.page-wrap-tool{width:100%;max-width:1440px;margin:0 auto;padding:18px 24px 20px}.tool-page-head{margin-bottom:12px}.page-wrap-tool .hero-kicker{min-height:22px;padding:.18rem .55rem;font-size:.7rem}.page-wrap-tool .page-title-large{letter-spacing:-.03em;margin-top:8px;font-size:clamp(1.3rem,2vw,1.8rem)}.page-wrap-tool .page-lead{margin-top:6px;font-size:.86rem;line-height:1.5}.tool-layout{grid-template-columns:minmax(0,1.35fr) 340px;align-items:start;gap:16px;display:grid}.tool-panel{background:var(--panel);box-shadow:var(--shadow-md);border:1px solid #977d4f59;border-radius:20px}.tool-form-panel{padding:16px}.tool-result-panel{min-height:0;padding:16px;position:sticky;top:16px}.tool-result-card{min-height:100%}.tool-section+.tool-section{margin-top:14px}.tool-section-head h2{letter-spacing:-.02em;margin:0;font-size:1.02rem}.tool-section-head p{color:var(--text-soft);margin:3px 0 0;font-size:.82rem;line-height:1.45}.tool-grid{gap:10px;margin-top:10px;display:grid}.tool-grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-grid.three-columns{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-subcard{box-shadow:var(--shadow-sm);background:#30281bd9;border:1px solid #977d4f59;border-radius:14px;padding:12px}.tool-subcard h3{letter-spacing:-.01em;margin:0 0 8px;font-size:.88rem}.tool-inline-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.tool-panel .field{gap:4px}.tool-panel .field label{font-size:.76rem}.tool-panel input,.tool-panel select{border-radius:10px;padding:.45rem .6rem;font-size:.86rem}.tool-actions{margin-top:14px}.tool-actions .primary-cta{width:100%;min-height:38px;padding:.55rem 1rem}.tool-empty-state{border:1px dashed var(--line-strong);background:#30281b99;border-radius:14px;min-height:0;margin-top:10px;padding:12px}.tool-empty-title{font-size:.9rem;font-weight:800}.tool-empty-text{color:var(--text-soft);margin-top:6px;font-size:.84rem;line-height:1.5}@media (max-width:1280px){.tool-layout{grid-template-columns:1fr}.tool-result-panel{min-height:auto;position:static}}@media (max-width:980px){.shell{grid-template-columns:1fr}.desktop-sidebar{display:none}.mobile-topbar{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1c160ee6;border-bottom:1px solid #977d4f59;align-items:center;gap:14px;min-height:72px;padding:0 18px;display:flex;position:sticky;top:0}.mobile-topbar-brand{letter-spacing:-.02em;font-weight:800}.mobile-menu-button{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;flex-direction:column;justify-content:center;gap:4px;width:42px;height:42px;padding:0 10px;display:inline-flex}.mobile-menu-button span{background:var(--text);border-radius:999px;width:100%;height:2px;display:block}.mobile-drawer-layer{z-index:40;background:#281a0a73;display:block;position:fixed;inset:0}.mobile-sidebar{width:min(88vw,320px);height:100%;box-shadow:0 20px 60px #0000002e}.mobile-sidebar-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.mobile-close-button{background:var(--panel-strong);border:1px solid var(--line);border-radius:12px;width:40px;height:40px;font-size:1.5rem;line-height:1}.page-wrap{padding:24px 18px 40px}.hero-card,.content-card,.login-panel-v2{border-radius:22px;padding:24px}.feature-grid{grid-template-columns:1fr}.login-stage{min-height:auto;padding-top:4px}.account-summary{grid-template-columns:1fr}}@media (max-width:900px){.tool-grid.three-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.tool-grid.two-columns,.tool-grid.three-columns,.tool-inline-grid{grid-template-columns:1fr}}
