*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--gold: #C9A84C;--gold-light: #E8C97A;--gold-dark: #8B6914;--black: #0A0A0A;--black-mid: #111111;--black-card: #161616;--black-border: #222222;--white: #F5F0E8;--white-dim: #A09880;--red: #E84444;--green: #4CAF50;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--radius: 10px;--shadow: 0 4px 24px rgba(0,0,0,.6);--shadow-gold: 0 0 24px rgba(201,168,76,.15)}[data-theme=light]{--black: #F8F5F0;--black-mid: #FFFFFF;--black-card: #FFFFFF;--black-border: #E5DDD0;--white: #1A1410;--white-dim: #6B5E4E;--shadow: 0 4px 24px rgba(0,0,0,.08);--shadow-gold: 0 0 24px rgba(201,168,76,.12)}[data-theme=light] body{background:#f8f5f0;color:#1a1410}[data-theme=light] input,[data-theme=light] textarea,[data-theme=light] select{background:#fff;border-color:#e5ddd0;color:#1a1410}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:#a09880}[data-theme=light] .card{background:#fff;border-color:#e5ddd0;box-shadow:0 2px 12px #0000000f}[data-theme=light] .dim-text{color:#6b5e4e}[data-theme=light] .btn-ghost{background:#0000000a;border-color:#e5ddd0;color:#1a1410}[data-theme=light] table{color:#1a1410}[data-theme=light] table th{background:#00000008}html{font-size:20px;scroll-behavior:smooth;overflow-x:hidden}body{background:var(--black);color:var(--white);font-family:var(--font-body);font-weight:400;line-height:1.6;min-height:100vh;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);font-weight:700;line-height:1.2}a{color:var(--gold);text-decoration:none}a:hover{color:var(--gold-light)}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none;transition:all .2s ease}input,textarea,select{font-family:var(--font-body);background:var(--black-card);border:1px solid var(--black-border);color:var(--white);border-radius:var(--radius);padding:14px 18px;font-size:1rem;width:100%;transition:border-color .2s}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold)}input::placeholder,textarea::placeholder{color:var(--white-dim)}select option{background:var(--black-card)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--black-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dark)}.btn-primary{background:linear-gradient(135deg,var(--gold) 0%,var(--gold-dark) 100%);color:var(--black);font-weight:600;padding:14px 28px;border-radius:var(--radius);font-size:1rem;letter-spacing:.02em}.btn-primary:hover{background:linear-gradient(135deg,var(--gold-light) 0%,var(--gold) 100%);transform:translateY(-1px);box-shadow:var(--shadow-gold)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--white-dim);padding:12px 22px;border-radius:var(--radius);border:1px solid var(--black-border);font-size:.9rem}.btn-ghost:hover{border-color:var(--gold);color:var(--gold)}.card{background:var(--black-card);border:1px solid var(--black-border);border-radius:14px;padding:28px;max-width:100%;overflow-wrap:break-word}.gold-text{color:var(--gold)}.dim-text{color:var(--white-dim);font-size:.85rem}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:500}.badge-gold{background:#c9a84c26;color:var(--gold);border:1px solid rgba(201,168,76,.3)}.badge-green{background:#4caf5026;color:var(--green);border:1px solid rgba(76,175,80,.3)}.badge-red{background:#e8444426;color:var(--red);border:1px solid rgba(232,68,68,.3)}.spinner{width:22px;height:22px;border:2px solid rgba(201,168,76,.3);border-top-color:var(--gold);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;border-top:1px solid var(--black-border);margin:28px 0}@media (min-width: 769px){.main-content{margin-left:240px}}.main-content{min-width:0;max-width:100%;overflow-x:hidden}.main-content>*,.page-enter{min-width:0;max-width:100%}.page-enter{width:100%}.label{display:block;font-size:.75rem;font-weight:500;color:var(--white-dim);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.page-enter{animation:fadeIn .3s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){html{font-size:17px}}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid-sidebar{display:grid;grid-template-columns:1fr 340px;gap:24px}.grid-sidebar>*{min-width:0}.grid-generator{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,380px);gap:28px}.grid-generator>*{min-width:0}@media (min-width: 769px) and (max-width: 1024px){.grid-sidebar,.grid-generator{grid-template-columns:1fr}}.tabs-scroll{display:flex;gap:4px;border-bottom:1px solid var(--black-border);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:0}.tabs-scroll::-webkit-scrollbar{display:none}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.grid-2,.grid-sidebar,.grid-generator{grid-template-columns:1fr!important}.grid-4 .card,.grid-3 .card{padding:14px 16px!important}h1{font-size:1.5rem!important}h2{font-size:1.1rem!important}.btn-row{flex-direction:column!important}.btn-row button,.btn-row a{width:100%!important;text-align:center}.modal-inner{max-width:100%!important;margin:0!important;border-radius:16px 16px 0 0!important}.modal-wrap{align-items:flex-end!important;padding:0!important}table{font-size:12px!important}table th,table td{padding:8px 10px!important}.pin-grid{grid-template-columns:repeat(2,1fr)!important}.filter-row{flex-wrap:wrap!important}.filter-row input{min-width:100%!important}.generator-preview{order:-1}.footer-links{flex-direction:column!important;gap:8px!important;text-align:center}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr 1fr!important}.main-content{padding:calc(72px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))!important}.stat-value{font-size:1.4rem!important}}