:root{--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-base:#06090e;--bg-surface:#121721;--bg-surface-elevated:#1d2330;--bg-surface-glass:#151c2899;--text-primary:#fafafa;--text-secondary:#a7afbe;--text-muted:#737b8c;--primary:#8e5eed;--primary-hover:#9d71f4;--primary-glow:#8e5eed4d;--accent:#eb47b4;--success:#22c373;--warning:#f4af25;--error:#e83030;--border-color:#3d475c4d;--border-glow:#8e5eed33;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#8e5eed14,#0000 25%),radial-gradient(circle at 85% 30%,#eb47b414,#0000 25%);background-attachment:fixed;min-height:100vh;line-height:1.6}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}.glass-panel{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:0 8px 32px #0000004d}.glass-card{background:var(--bg-surface-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-normal);padding:1.5rem}.glass-card:hover{border-color:var(--border-glow);box-shadow:0 0 20px var(--primary-glow);transform:translateY(-2px)}.app-container{min-height:100vh;display:flex}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;gap:1rem;width:260px;height:100vh;padding:2rem 1rem;display:flex;position:fixed}.main-content{flex:1;margin-left:260px;padding:2rem 3rem}h1,h2,h3,h4,h5,h6{color:var(--text-primary);margin-bottom:1rem;font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-family);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), #6e30e8);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);background:linear-gradient(135deg, var(--primary-hover), var(--primary));transform:translateY(-1px)}.btn-secondary{background:var(--bg-surface-elevated);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{border-color:var(--text-muted);background:#262f40}.nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);align-items:center;gap:1rem;padding:.75rem 1rem;font-weight:500;display:flex}.nav-link:hover{background:var(--bg-surface-elevated);color:var(--text-primary)}.nav-link.active{color:var(--primary);border-left:3px solid var(--primary);background:#8e5eed26}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;display:grid}.admin-user-header,.admin-user-row{grid-template-columns:minmax(260px,1.4fr) 150px 170px;display:grid}.inventory-page{flex-direction:column;gap:1.25rem;display:flex}.inventory-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.inventory-header h1{margin-bottom:.35rem}.inventory-header p,.inventory-empty p,.inventory-table span,.inventory-record-title span,.inventory-stat-label,.inventory-record-footer{color:var(--text-muted);font-size:.85rem}.inventory-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;display:grid}.inventory-stat-card{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface-glass);align-items:center;gap:.8rem;padding:1rem;display:flex}.inventory-stat-icon{border-radius:var(--radius-sm);color:#7edef1;background:#17b0cf1f;place-items:center;width:40px;height:40px;display:grid}.inventory-stat-value{font-size:1.25rem;font-weight:800}.inventory-toolbar{grid-template-columns:minmax(220px,1fr) 220px auto;align-items:center;gap:.75rem;padding:.85rem;display:grid}.inventory-search{border-radius:var(--radius-sm);border:1px solid var(--border-color);background:var(--bg-surface);align-items:center;gap:.5rem;padding:.6rem .75rem;display:flex}.inventory-search input,.inventory-toolbar select{width:100%;color:var(--text-primary);font:inherit;background:0 0;border:none;outline:none}.inventory-toolbar select{border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-surface);padding:.65rem .75rem}.inventory-result-count{color:var(--text-secondary);white-space:nowrap;font-size:.86rem}.inventory-tabs{flex-wrap:wrap;gap:.5rem;display:flex}.inventory-table{overflow:auto}.inventory-table table{border-collapse:collapse;width:100%;min-width:860px}.inventory-table th,.inventory-table td{border-bottom:1px solid var(--border-color);text-align:left;vertical-align:top;padding:.85rem}.inventory-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:0;font-size:.76rem}.inventory-table td strong,.inventory-table td span{display:block}.inventory-entity{align-items:center;gap:.65rem;min-width:0;display:flex}.inventory-name-block{flex-direction:column;min-width:0;display:flex}.inventory-name-block strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inventory-icon{object-fit:contain;background:#262f4099;border-radius:6px;flex:none;display:block}.inventory-icon-sm{width:22px;height:22px}.inventory-icon-md{width:34px;height:34px}.inventory-icon-lg{width:46px;height:46px}.inventory-chip-list{flex-wrap:wrap;gap:.35rem;display:flex}.inventory-chip-list span{border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-secondary);background:#262f408c;align-items:center;gap:.3rem;padding:.2rem .45rem;font-size:.74rem;display:inline-flex}.inventory-chip-with-icon{padding-left:.25rem!important}.inventory-card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem;display:grid}.inventory-record-card{flex-direction:column;gap:.8rem;display:flex}.inventory-record-title{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.inventory-passives{color:var(--text-secondary);flex-direction:column;gap:.25rem;font-size:.8rem;display:flex}.inventory-kv{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:1rem;font-size:.86rem;display:flex}.inventory-kv strong{color:var(--text-primary);text-align:right}.inventory-kv-icon-value{justify-content:flex-end;align-items:center;gap:.4rem;min-width:0;display:inline-flex}.inventory-safe-stats{border-top:1px solid var(--border-color);flex-direction:column;gap:.55rem;padding-top:.65rem;display:flex}.inventory-safe-stats-title{color:var(--success);text-transform:uppercase;align-items:center;gap:.4rem;font-size:.74rem;font-weight:800;display:flex}.inventory-safe-stat-source{flex-direction:column;gap:.35rem;display:flex}.inventory-safe-stat-source>span{color:var(--text-secondary);font-size:.75rem;font-weight:700}.inventory-empty{align-items:flex-start;gap:1rem;display:flex}.inventory-empty code{border-radius:var(--radius-sm);color:var(--text-secondary);background:var(--bg-surface);margin-top:.75rem;padding:.4rem .55rem;display:inline-block}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=800px){.app-container{flex-direction:column}.sidebar{border-right:none;border-bottom:1px solid var(--border-color);width:100%;height:auto;padding:.75rem;position:sticky;top:0}.sidebar>div:first-child{margin-bottom:.6rem!important;padding:0 .25rem!important}.sidebar nav{padding-bottom:.15rem;overflow-x:auto;flex-direction:row!important;gap:.35rem!important}.sidebar .nav-link{white-space:nowrap;flex:none;gap:.45rem;padding:.55rem .7rem;font-size:.86rem}.sidebar .nav-link span{text-overflow:ellipsis;max-width:6.5rem;overflow:hidden}.sidebar .nav-link.active{border-left:none;border-bottom:2px solid var(--primary)}.sidebar>div:last-child{display:none}.main-content{width:100%;margin-left:0;padding:1rem;overflow-x:hidden}.admin-user-header{display:none}.admin-user-row{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}.module-page-header{flex-direction:column;align-items:stretch!important;margin-bottom:1rem!important}.module-page-header>div:first-child{flex-wrap:wrap}.module-page-header h1{font-size:1.45rem;line-height:1.12}.module-tabs{padding-bottom:.2rem;overflow-x:auto;gap:.4rem!important}.module-tabs .btn{flex:1 0 auto;min-width:max-content;padding:.55rem .7rem!important;font-size:.8rem!important}.module-planner-grid{flex-direction:column;align-items:stretch!important;gap:.85rem!important;display:flex!important}.module-planner-sidebar,.module-planner-main{display:contents!important}.module-selectors-panel{order:1}.module-presets-panel{order:2}.module-shell-matrix-panel{order:3}.module-slot-grid{order:4}.module-stats-panel{order:5}.module-saved-panel{order:6}.module-matrix-panel{order:7}.module-alerts-panel{order:8}.module-selectors-panel,.module-presets-panel,.module-shell-matrix-panel,.module-stats-panel,.module-saved-panel,.module-matrix-panel,.module-alerts-panel,.module-slot-grid,.module-slot-card{border-radius:8px!important;width:100%!important;min-width:0!important;padding:.85rem!important}.module-presets-panel{align-items:stretch!important;gap:.45rem!important}.module-presets-panel>span{width:100%}.module-presets-panel .btn{flex:calc(50% - .45rem);min-height:2.3rem;padding:.5rem .45rem!important}.module-presets-panel .btn:last-child{flex-basis:100%;margin-left:0!important}.module-shell-matrix-grid,.module-slot-grid,.module-set-main-grid{grid-template-columns:1fr!important}.module-shell-matrix-grid>div>div{grid-template-columns:30px minmax(0,1fr)!important}.module-slot-card{gap:.65rem!important}.module-slot-card select,.module-slot-card input,.module-selectors-panel select,.module-selectors-panel input{min-height:2.25rem}.module-substat-row{border-bottom:1px solid var(--border-color);padding:.35rem 0;grid-template-columns:minmax(0,1fr) 4rem!important;gap:.35rem!important}.module-substat-row:last-child{border-bottom:none}.module-substat-row select{min-width:0}.module-substat-row input[type=range]{grid-area:2/1/auto/-1;width:100%;min-height:1.5rem}.module-substat-row input[type=number]{width:100%}.inventory-header,.inventory-record-title{flex-direction:column}.inventory-toolbar{grid-template-columns:1fr}.inventory-table table{min-width:760px}}@media (width<=520px){.sidebar nav{justify-content:space-between}.sidebar .nav-link{justify-content:center;width:2.75rem;height:2.5rem;padding:0}.sidebar .nav-link span{display:none}.module-page-header h1{font-size:1.3rem}.module-tabs .btn{min-width:3.25rem}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 10px #be5eed99}50%{transform:scale(1.05);box-shadow:0 0 16px #be5eede6}to{transform:scale(1);box-shadow:0 0 10px #be5eed99}}@keyframes shimmerBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}