*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--sw: 230px;--r: 8px;--rl: 14px;--tr: .18s ease;--fd: "Cinzel", serif;--fb: "Crimson Pro", Georgia, serif;--bg: #0c0e13;--bg2: #12151d;--bg3: #191d28;--bg4: #1f2436;--border: rgba(180, 155, 90, .18);--border-h: rgba(180, 155, 90, .42);--gold: #d4a831;--gold-dim: #9a7a22;--teal: #34d4bf;--red: #f87171;--green: #4ade80;--text: #ede5d0;--text2: #b8a882;--text3: #7a6e56;--text4: #4a4438;--shadow: rgba(0, 0, 0, .4)}[data-theme=light]{--bg: #f4f0e8;--bg2: #ffffff;--bg3: #ede8dc;--bg4: #e2dace;--border: rgba(120, 90, 30, .16);--border-h: rgba(120, 90, 30, .38);--gold: #8a6008;--gold-dim: #6a4806;--teal: #0a7a6c;--red: #b83030;--green: #226630;--text: #18140a;--text2: #4a3c1e;--text3: #7a6a44;--text4: #a09070;--shadow: rgba(0, 0, 0, .1)}html{font-size:16px}body{font-family:var(--fb);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.65;transition:background .2s,color .2s}#root{display:flex;min-height:100vh;width:100%}a{color:inherit;text-decoration:none}.sidebar{width:var(--sw);flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;overflow-y:auto;z-index:100}.sidebar-logo{padding:1.4rem 1.25rem 1rem;border-bottom:1px solid var(--border)}.sidebar-logo h1{font-family:var(--fd);font-size:1.05rem;font-weight:700;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}.sidebar-logo p{font-size:.75rem;color:var(--text3);margin-top:3px}.sidebar-ign{margin-top:10px;padding:.4rem .65rem;background:#b49b5a14;border:1px solid var(--border);border-radius:var(--r);font-size:.82rem;color:var(--gold)}.nav-section{padding:.65rem 1.1rem .2rem;font-size:.62rem;font-family:var(--fd);letter-spacing:.14em;text-transform:uppercase;color:var(--text3);font-weight:600}.nav-link{display:flex;align-items:center;gap:.65rem;padding:.6rem 1.25rem;color:var(--text2);font-size:.92rem;cursor:pointer;transition:all var(--tr);border-left:2px solid transparent;text-decoration:none}.nav-link:hover{color:var(--text);background:#b49b5a0f}.nav-link.active{color:var(--gold);border-left-color:var(--gold);background:#b49b5a17;font-weight:500}.main-content{margin-left:var(--sw);flex:1;width:calc(100% - var(--sw));min-width:0;min-height:100vh;padding:2rem 2.5rem;overflow-x:hidden}.page-header{margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1rem}.page-header p{color:var(--text2);font-size:1rem;margin-top:.3rem}h1,h2,h3{font-family:var(--fd);font-weight:600;line-height:1.3}h1{font-size:1.65rem;color:var(--gold);letter-spacing:.04em;margin-bottom:.2rem}h2{font-size:1.2rem;color:var(--text);margin-bottom:1rem}h3{font-size:.85rem;color:var(--text2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);padding:1.35rem;margin-bottom:1rem;box-shadow:0 2px 8px var(--shadow);width:100%}.card-title{font-family:var(--fd);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);margin-bottom:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);font-weight:600}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:1.5rem;width:100%}.metric-tile{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:1.1rem 1rem;text-align:center}.metric-tile .val{font-size:1.45rem;font-weight:700;font-family:var(--fd);color:var(--text);line-height:1.2}.metric-tile .lbl{font-size:.65rem;color:var(--text2);letter-spacing:.08em;text-transform:uppercase;margin-top:5px;font-family:var(--fd);font-weight:600}.metric-tile.gold-tile .val{color:var(--gold)}.metric-tile.profit .val{color:var(--green)}.metric-tile.loss .val{color:var(--red)}.form-group{display:flex;flex-direction:column;gap:6px;width:100%}.form-group label{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text2);font-family:var(--fd);font-weight:600}.form-grid{display:grid;gap:12px;margin-bottom:12px;width:100%}.form-grid.cols-2{grid-template-columns:1fr 1fr}.form-grid.cols-3{grid-template-columns:1fr 1fr 1fr}.form-grid.cols-4{grid-template-columns:repeat(4,1fr)}input,select,textarea{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--text);font-family:var(--fb);font-size:1rem;padding:.5rem .8rem;transition:border-color var(--tr),box-shadow var(--tr);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #b49b5a1f}input::placeholder,textarea::placeholder{color:var(--text3)}select option{background:var(--bg3);color:var(--text)}textarea{resize:vertical;min-height:72px}input[type=checkbox]{width:auto;accent-color:var(--gold);transform:scale(1.2)}input[type=file]{padding:.35rem .6rem;font-size:.88rem}input[type=date]{color-scheme:dark}[data-theme=light] input[type=date]{color-scheme:light}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.52rem 1.1rem;border-radius:var(--r);font-family:var(--fd);font-size:.74rem;letter-spacing:.07em;text-transform:uppercase;cursor:pointer;transition:all var(--tr);border:1px solid transparent;text-decoration:none;font-weight:600;white-space:nowrap}.btn-primary{background:var(--gold-dim);color:#fff8e0;border-color:var(--gold)}.btn-primary:hover{background:var(--gold);color:#1a1000}.btn-ghost{background:transparent;color:var(--text2);border-color:var(--border)}.btn-ghost:hover{border-color:var(--border-h);color:var(--text);background:var(--bg3)}.btn-danger{background:transparent;color:var(--red);border-color:#f8717159}.btn-danger:hover{background:#f871711a}.btn-success{background:transparent;color:var(--green);border-color:#4ade8059}.btn-success:hover{background:#4ade801a}.btn-sm{padding:.3rem .7rem;font-size:.68rem}button:disabled{opacity:.4;cursor:not-allowed}.theme-toggle{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);color:var(--text2);cursor:pointer;padding:.3rem .6rem;font-size:.9rem;transition:all var(--tr)}.theme-toggle:hover{border-color:var(--border-h);color:var(--gold)}.tag{display:inline-block;padding:2px 8px;border-radius:5px;font-size:.7rem;font-family:var(--fd);letter-spacing:.04em;font-weight:700}.tag-rogue{background:#3d1020;color:#f4b8cc;border:1px solid #7a2040}.tag-sorcerer{background:#1a1540;color:#c5beff;border:1px solid #4040a0}.tag-warrior{background:#2a1a00;color:#ffd080;border:1px solid #7a5010}.tag-all{background:var(--bg4);color:var(--text2);border:1px solid var(--border)}[data-theme=light] .tag-rogue{background:#fce8ef;color:#8a1030;border-color:#d06080}[data-theme=light] .tag-sorcerer{background:#ece8fc;color:#3020a0;border-color:#8080d0}[data-theme=light] .tag-warrior{background:#fdf4e0;color:#7a4000;border-color:#c08030}.badge-buy{background:#0d2a14;color:#6aea90;border:1px solid #1a5028;font-size:.68rem;padding:2px 8px;border-radius:5px;font-family:var(--fd);font-weight:700}.badge-sell{background:#2a1a00;color:#fbbf24;border:1px solid #7a5010;font-size:.68rem;padding:2px 8px;border-radius:5px;font-family:var(--fd);font-weight:700}[data-theme=light] .badge-buy{background:#e8f8ed;color:#1a6030;border-color:#2a9048}[data-theme=light] .badge-sell{background:#fff3e0;color:#8a5000;border-color:#c07010}.items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;width:100%}.item-card{background:var(--bg2);border:1px solid var(--border);border-radius:var(--rl);overflow:hidden;cursor:pointer;transition:border-color var(--tr),transform var(--tr),box-shadow var(--tr)}.item-card:hover{border-color:var(--border-h);transform:translateY(-2px);box-shadow:0 6px 20px var(--shadow)}.item-card-img{width:100%;aspect-ratio:1;background:var(--bg3);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:2.5rem}.item-card-img img{width:100%;height:100%;object-fit:contain;padding:.5rem}.item-card-body{padding:.8rem;border-top:1px solid var(--border)}.item-card-name{font-family:var(--fd);font-size:.78rem;color:var(--text);margin-bottom:5px;line-height:1.35;font-weight:600}.item-card-type{font-size:.72rem;color:var(--text3);margin-bottom:6px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th{text-align:left;padding:.6rem .85rem;font-family:var(--fd);font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text2);border-bottom:1px solid var(--border);font-weight:700;white-space:nowrap}.data-table td{padding:.8rem .85rem;border-bottom:1px solid rgba(180,155,90,.07);vertical-align:middle;color:var(--text)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#b49b5a0a}.profit{color:var(--green);font-weight:600}.loss{color:var(--red);font-weight:600}.gold-val{color:var(--gold);font-family:var(--fd);font-weight:600}.empty-state{text-align:center;padding:3.5rem 1rem}.empty-state .icon{font-size:2.8rem;margin-bottom:.85rem;opacity:.35;display:block}.empty-state p{font-size:1rem;color:var(--text2)}.loading{text-align:center;padding:2.5rem;color:var(--text3);font-size:.95rem;font-family:var(--fd);letter-spacing:.05em}.filter-bar{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1rem;align-items:center}.filter-btn{padding:.3rem .85rem;font-size:.7rem;font-family:var(--fd);letter-spacing:.06em;border:1px solid var(--border);border-radius:20px;cursor:pointer;background:none;color:var(--text2);transition:all var(--tr);font-weight:600}.filter-btn:hover{border-color:var(--border-h);color:var(--text)}.filter-btn.active{background:var(--gold-dim);border-color:var(--gold);color:#fff8e0}.toast-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none;max-width:320px}.toast{background:var(--bg2);border:1px solid var(--border-h);border-radius:var(--r);padding:.8rem 1.1rem;font-size:.92rem;color:var(--text);animation:toastIn .22s ease;box-shadow:0 4px 16px var(--shadow)}.toast.success{border-color:var(--green);color:var(--green)}.toast.error{border-color:var(--red);color:var(--red)}@keyframes toastIn{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:none}}.nw-hero{background:var(--bg3);border:1px solid var(--border);border-radius:var(--rl);padding:1.75rem;margin-bottom:1.5rem;width:100%}.nw-total{font-family:var(--fd);font-size:2.4rem;color:var(--gold);font-weight:700;letter-spacing:.02em}.nw-sub{font-size:1rem;color:var(--text2);margin-top:.4rem}.sell-panel{background:var(--bg3);border:1px solid var(--border);border-radius:var(--r);padding:1.1rem;margin-top:.85rem}.img-preview{width:84px;height:84px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg3);display:flex;align-items:center;justify-content:center;color:var(--text3);font-size:1.8rem;overflow:hidden}.img-preview img{width:100%;height:100%;object-fit:contain}.chart-wrap{position:relative;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gold-dim)}@media (max-width: 1100px){.main-content{padding:1.5rem}.metrics-grid{grid-template-columns:repeat(2,1fr)}.form-grid.cols-4,.form-grid.cols-3{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.main-content{margin-left:0;width:100%;padding:1rem 1rem 5.5rem}.metrics-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-tile .val{font-size:1.2rem}.form-grid.cols-2,.form-grid.cols-3,.form-grid.cols-4{grid-template-columns:1fr}.nw-total{font-size:1.8rem}.data-table{font-size:.82rem}.data-table th,.data-table td{padding:.55rem .5rem}.card{padding:1rem}.items-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}h1{font-size:1.35rem}.toast-container{bottom:5.5rem;right:.75rem;left:.75rem;max-width:100%}}