:root{--bg: #0f172a;--panel: #1e293b;--panel-2: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--danger: #f87171;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-tap-highlight-color:transparent}.muted{color:var(--muted)}.small{font-size:.85rem}button{font:inherit;border:none;border-radius:10px;padding:.6rem 1rem;cursor:pointer;background:var(--panel-2);color:var(--text)}button.primary{background:var(--accent);color:#06283d;font-weight:600}button.ghost{background:transparent;border:1px solid var(--panel-2)}button.danger{background:var(--danger);color:#3b0a0a;font-weight:600}button:disabled{opacity:.6}.center{min-height:100%;display:grid;place-items:center;padding:1.5rem}.card{background:var(--panel);border-radius:16px;padding:1.75rem;width:100%;max-width:360px;box-shadow:0 10px 40px #0006}.login{display:flex;flex-direction:column;gap:.9rem}.brand{text-align:center;margin-bottom:.5rem}.brand h1{margin:.5rem 0 .2rem;font-size:1.4rem}.brand p{margin:0}label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:var(--muted)}input{font:inherit;padding:.6rem .7rem;border-radius:10px;border:1px solid var(--panel-2);background:#0b1220;color:var(--text)}input:focus{outline:2px solid var(--accent);border-color:transparent}.error{color:var(--danger);margin:0;font-size:.9rem}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.75rem 1rem;padding-top:max(.75rem,env(safe-area-inset-top));background:#0f172ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--panel);z-index:10}.brand-row{display:flex;align-items:center;gap:.5rem}.topbar-actions{display:flex;gap:.5rem}.banner{margin:0;padding:.6rem 1rem;background:var(--panel);font-size:.9rem}.banner.error{background:#3b1414}.content{flex:1;padding:.5rem}.empty{display:grid;place-items:center;gap:1rem;padding:3rem 1rem;text-align:center}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:4px}.tile{padding:0;border-radius:6px;overflow:hidden;aspect-ratio:1 / 1;background:var(--panel)}.tile img{width:100%;height:100%;object-fit:cover;display:block}.usage{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:var(--panel)}.bar{flex:1;height:8px;border-radius:999px;background:#0b1220;overflow:hidden}.bar-fill{height:100%;background:var(--accent);border-radius:999px;transition:width .3s}.admin{max-width:520px;max-height:85vh;overflow-y:auto;text-align:left}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-head h2{margin:0}.admin h3{margin:1.2rem 0 .6rem;font-size:1rem}.admin-create{display:flex;flex-direction:column;gap:.6rem;background:#0b1220;padding:.9rem;border-radius:12px}.quota-input{flex-direction:row;align-items:center;gap:.5rem}.quota-input input{width:90px}.admin-list{display:flex;flex-direction:column;gap:.6rem}.admin-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;background:#0b1220;padding:.7rem;border-radius:10px}.admin-row-info{flex:1;min-width:0}.admin-row-info strong{word-break:break-all}.admin-row-actions{display:flex;flex-direction:column;gap:.4rem}.admin-row-actions button{padding:.4rem .7rem;font-size:.85rem}.badge{margin-left:.4rem;font-size:.7rem;background:var(--accent);color:#06283d;padding:.1rem .4rem;border-radius:6px;vertical-align:middle}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:grid;place-items:center;gap:1rem;padding:1rem;z-index:50}.lightbox img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:8px}.lightbox-actions{display:flex;gap:.75rem}