:root{--bg-deep:#0a0a0a;--bg-panel:#0c0c0eb8;--bg-panel-solid:#101012;--bg-input:#060608d9;--bg-console:#040406e0;--text-primary:#e0e0e0;--text-secondary:#a8adb8;--text-muted:#6b7280;--text-heading:#f0f0f0;--border-subtle:#c8cdd71f;--border-accent:#c8cdd738;--border-glow:#b4bed259;--metal-light:#c8cdd6;--metal-mid:#8a919e;--metal-dark:#3d424d;--accent-frost:#7eb8d4;--accent-frost-dim:#4a7a94;--accent-success:#6db88a;--accent-warning:#c9a04a;--accent-error:#c96b6b;--accent-info:#6a9ec9;--shadow-panel:0 8px 32px #00000073;--glow-subtle:0 0 20px #7eb8d414;--font-body:"Barlow", Inter, "Segoe UI", system-ui, sans-serif;--font-heading:"Barlow Condensed", "Barlow", system-ui, sans-serif;--font-mono:"Cascadia Code", "Consolas", "Segoe UI Mono", monospace;font-family:var(--font-body);color:var(--text-primary);background-color:var(--bg-deep);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%}body{background-color:var(--bg-deep);min-height:100dvh;margin:0}.app{width:100%;min-height:100dvh;position:relative}.app-bg{z-index:0;background:url(/media/background.jpg) center center / contain no-repeat, var(--bg-deep);pointer-events:none;position:fixed;inset:0}.app-bg:after{content:"";background:radial-gradient(110% 85% at 50% 45%,#0a0a0a00 40%,#0a0a0ae6 100%),linear-gradient(160deg,#06080c80 0%,#040406a8 45%,#020204c7 100%);position:absolute;inset:0}.app-content{z-index:1;flex-direction:column;gap:1rem;width:100%;max-width:1340px;margin:0 auto;padding:1.25rem 1.25rem 2rem;display:flex;position:relative}button{border:1px solid var(--metal-dark);color:var(--text-secondary);cursor:pointer;background:linear-gradient(#2d3038e6 0%,#1c1e24f2 100%);border-radius:4px;padding:.45rem 1rem;font-family:inherit;font-size:.9rem;font-weight:500;transition:background .15s,border-color .15s,box-shadow .15s,color .15s}button:hover:not(:disabled){border-color:var(--border-glow);color:var(--text-primary);background:linear-gradient(#3a3e48f2 0%,#262830fa 100%);box-shadow:0 0 12px #7eb8d41a}button:disabled{opacity:.35;cursor:not-allowed}button.primary{color:var(--text-heading);text-shadow:0 1px 2px #0006;background:linear-gradient(#4a7a94d9 0%,#325569f2 100%);border-color:#7eb8d459}button.primary:hover:not(:disabled){background:linear-gradient(#5a8ca8e6 0%,#3c647dfa 100%);border-color:#7eb8d480;box-shadow:0 0 16px #7eb8d42e}button.danger{color:var(--accent-error);background:linear-gradient(#301c1ed9 0%,#201416f2 100%);border-color:#c96b6b47}button.danger:hover:not(:disabled){color:#e39191;border-color:#c96b6b8c;box-shadow:0 0 12px #c96b6b26}input[type=text],input:not([type]){background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-primary);border-radius:4px;padding:.5rem .7rem;font-family:inherit;font-size:.9rem;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--border-accent);outline:none;box-shadow:0 0 0 2px #7eb8d41f}input::placeholder{color:var(--text-muted)}button:focus-visible{outline:2px solid var(--accent-frost-dim);outline-offset:1px}code{font-family:var(--font-mono);color:var(--text-primary);border:1px solid var(--border-subtle);background:#14161ccc;border-radius:3px;padding:.1rem .35rem;font-size:.83rem}.topbar{flex-wrap:wrap;flex:none;align-items:center;gap:1rem;display:flex}.topbar h1{font-family:var(--font-heading);letter-spacing:.04em;text-transform:uppercase;color:var(--text-heading);text-shadow:0 0 24px #e0e0e026;margin:0;font-size:1.9rem;font-weight:700}.topbar .guild{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--accent-frost);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1e32468c;border:1px solid #7eb8d44d;border-radius:4px;padding:.28rem .85rem;font-size:.8rem;font-weight:600}.topbar .spacer{flex:1}.user{color:var(--text-secondary);align-items:center;gap:.55rem;font-size:.92rem;display:flex}.user img{border:1px solid var(--border-subtle);border-radius:50%;width:1.9rem;height:1.9rem}.layout{grid-template-columns:13rem minmax(0,1fr);align-items:start;gap:1rem;display:grid}.sidebar{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-panel);border-radius:6px;flex-direction:column;gap:.15rem;padding:.5rem;display:flex}.sidebar .tab{text-align:left;width:100%;box-shadow:none;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--metal-mid);background:0 0;border:none;border-left:2px solid #0000;border-radius:0 4px 4px 0;justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .7rem;font-size:.98rem;font-weight:600;display:flex}.sidebar .tab:hover:not(:disabled){border-left-color:var(--metal-dark);color:var(--text-primary);box-shadow:none;background:#282c3480}.sidebar .tab.active{border-left-color:var(--accent-frost);color:var(--text-heading);box-shadow:var(--glow-subtle);background:#1e324666}.sidebar .tab:disabled{opacity:.45}.sidebar .soon{font-family:var(--font-heading);letter-spacing:.06em;border:1px solid var(--border-subtle);color:var(--metal-mid);background:#282a30b3;border-radius:3px;padding:.1rem .35rem;font-size:.66rem;font-weight:700}.content{flex-direction:column;gap:1rem;min-width:0;display:flex}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-panel);border-radius:6px;padding:1rem 1.25rem}.panel h2{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.1em;color:var(--metal-mid);margin:0 0 .35rem;font-size:.92rem;font-weight:600}.panel p.hint{color:var(--text-muted);margin:0 0 .75rem;font-size:.86rem}.add-form{flex-wrap:wrap;gap:.4rem;display:flex}.add-form input{flex:1;min-width:240px}.toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.toolbar input{flex:1;min-width:200px}.count{font-family:var(--font-mono);color:var(--text-muted);white-space:nowrap;font-size:.82rem}.table-scroll{border:1px solid var(--border-subtle);background:#06060873;border-radius:4px;overflow:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:.5rem .7rem}th{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--metal-mid);-webkit-user-select:none;user-select:none;z-index:1;box-shadow:inset 0 -1px 0 var(--border-subtle);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#08080af5;border-bottom:none;font-size:.82rem;font-weight:600;position:sticky;top:0}th button.sort{font:inherit;text-transform:inherit;letter-spacing:inherit;color:inherit;box-shadow:none;background:0 0;border:none;padding:0}th button.sort:hover:not(:disabled){box-shadow:none;color:var(--metal-light);background:0 0}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:#7eb8d40d}td.tag{font-family:var(--font-heading);letter-spacing:.04em;color:var(--accent-frost);white-space:nowrap;font-size:1.05rem;font-weight:700}td.actions{text-align:right;white-space:nowrap;width:1%}td.actions button{padding:.28rem .7rem;font-size:.84rem}.empty{text-align:center;color:var(--text-muted);padding:2.5rem 0;font-size:.92rem}.banner{border:1px solid var(--border-subtle);background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:4px;padding:.65rem .95rem;font-size:.92rem}.banner.error{color:var(--accent-error);background:#3719198c;border-color:#c96b6b40}.banner.success{color:var(--accent-success);background:#1932268c;border-color:#6db88a40}.centered{z-index:1;text-align:center;place-items:center;min-height:100dvh;padding:2rem;display:grid;position:relative}.centered .panel{max-width:420px;padding:2rem}.centered h1{font-family:var(--font-heading);letter-spacing:.06em;text-transform:uppercase;color:var(--text-heading);text-shadow:0 0 24px #e0e0e026;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.centered p{color:var(--text-secondary);margin:0 0 1.25rem;font-size:.95rem}.centered .banner{margin-bottom:1rem}.login-button{font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;color:var(--text-heading);text-shadow:0 1px 2px #0006;background:linear-gradient(#4a7a94d9 0%,#325569f2 100%);border:1px solid #7eb8d459;border-radius:4px;padding:.6rem 1.5rem;font-size:1.05rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-block}.login-button:hover{background:linear-gradient(#5a8ca8e6 0%,#3c647dfa 100%);border-color:#7eb8d480;box-shadow:0 0 16px #7eb8d42e}@media (width>=761px){body{overflow:hidden}.app-content{height:100dvh}.layout{flex:auto;align-items:stretch;min-height:0}.content{min-height:0}.content .panel.fill{flex-direction:column;flex:auto;min-height:0;display:flex}.panel.fill .table-scroll{flex:auto;min-height:0}}@media (width<=760px){.layout{grid-template-columns:1fr}.sidebar{flex-direction:row;gap:.3rem;overflow-x:auto}.sidebar .tab{white-space:nowrap;border-bottom:2px solid #0000;border-left:none;border-radius:4px 4px 0 0;width:auto}.sidebar .tab.active{border-left-color:#0000;border-bottom-color:var(--accent-frost)}.table-scroll{min-height:200px;max-height:calc(100dvh - 24rem)}}