:root{--bg:#f3ebdd;--surface:#fcf7ec;--text:#271c1e;--muted:#746a68;--faint:#a2948e;--line:#e5d9c4;--accent:#5b1725;--accent-soft:#eeddd5;--accent-text:#f3ebdd;--brand:#3b0f18;--gold:#d8bc8c;--gold-ink:#9c7c46;--ok:#2e7d4f;--ok-soft:#e7efe2;--warn:#9a5b00;--warn-soft:#f4ecd8;--bad:#b3261e;--chip:#ece2cf;--radius:10px}@media (prefers-color-scheme:dark){:root{--bg:#2a0a10;--surface:#3b0f18;--text:#f3ebdd;--muted:#c2a99a;--faint:#8d7268;--line:#55202b;--accent:#d8bc8c;--accent-soft:#4d1b2580;--accent-text:#3b0f18;--brand:#2a0a10;--gold:#d8bc8c;--gold-ink:#d8bc8c;--ok:#8fbf9c;--ok-soft:#253522;--warn:#d8b06b;--warn-soft:#3d2d17;--bad:#e69790;--chip:#4b1a24}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}a{color:var(--accent);text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}h1{letter-spacing:0;margin:.3rem 0 1.1rem;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:1.5rem;font-weight:650}h1 .muted{font-size:1rem;font-weight:400}h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.6rem 0 .6rem;font-size:.78rem;font-weight:600}svg.lucide{flex-shrink:0}.app{flex-direction:column;min-height:100dvh;display:flex}.topbar{background:var(--brand);padding:.55rem 1rem;padding-top:calc(.55rem + env(safe-area-inset-top));z-index:20;position:sticky;top:0}.brand{color:#d8bc8c;align-items:center;gap:.6rem;display:flex}.brand .imza{width:auto;height:24px;display:block}.brand .mono{width:auto;height:32px;margin:-3px 0;display:block}.brand .lbl{letter-spacing:.26em;color:#d8bc8c;border-left:1px solid #d8bc8c66;padding-left:.6rem;font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:.7rem;font-weight:600}.brand .sub{letter-spacing:.5em;color:var(--faint);font-family:Iowan Old Style,Palatino,Georgia,serif;font-size:.56rem}.shell{flex:1;width:100%;display:flex}.sidebar{display:none}.content{flex:1;width:100%;max-width:640px;margin:0 auto;padding:1rem 1.1rem 5.5rem}.bottomnav{z-index:20;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav a{text-align:center;color:var(--faint);letter-spacing:.01em;flex-direction:column;flex:1;align-items:center;gap:3px;padding:.5rem 0 .45rem;font-size:.64rem;font-weight:600;display:flex}.bottomnav a.active{color:var(--accent)}@media (width>=900px){.topbar,.bottomnav{display:none}.shell{max-width:1280px;margin:0 auto}.sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.15rem;width:224px;height:100dvh;padding:1.6rem 1rem 1.6rem 1.4rem;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar .brand{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:1.6rem;padding:0 .6rem}.sidebar .brand .imza{height:30px}.sidebar .brand .lbl{letter-spacing:.34em;border-left:none;padding-left:0}.sidebar .navitem{color:var(--muted);border-radius:8px;align-items:center;gap:.65rem;padding:.48rem .65rem;font-size:.9rem;font-weight:500;display:flex}.sidebar .navitem:hover{background:var(--chip);color:var(--text)}.sidebar .navitem.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.sidebar .navsep{background:var(--line);height:1px;margin:.7rem .5rem}.content{max-width:980px;margin:0;padding:2.2rem 2.6rem 3rem}}@media (width>=900px) and (prefers-color-scheme:light){.sidebar .brand .imza{content:url(/imza-bordo.svg)}}@media (width>=900px){.sidebar .brand .lbl{color:var(--gold-ink);letter-spacing:.34em;border-left:none;padding-left:0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:.9rem;padding:1rem 1.1rem}.muted{color:var(--muted);font-size:.86rem}.error{color:var(--bad);font-weight:500}.success{color:var(--ok);font-weight:500}.statrow{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:repeat(4,1fr);margin-bottom:1.2rem;display:grid}.statrow a{color:var(--text);border-right:1px solid var(--line);padding:.85rem .9rem}.statrow a:last-child{border-right:none}.statrow b{letter-spacing:-.02em;font-size:1.45rem;font-weight:650;display:block}.statrow i{color:var(--muted);font-size:.74rem;font-style:normal}@media (width<=420px){.statrow b{font-size:1.2rem}}.bigbtns{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}@media (width>=900px){.bigbtns{grid-template-columns:repeat(3,1fr)}}.bigbtn{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);flex-direction:column;align-items:flex-start;gap:.55rem;padding:1rem;font-size:.9rem;font-weight:600;transition:border-color .15s;display:flex}.bigbtn:hover{border-color:var(--accent)}.bigbtn svg{color:var(--accent)}.bigbtn.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.bigbtn.primary svg{color:var(--accent-text)}form .row,.row{margin-bottom:.7rem}label{color:var(--muted);margin-bottom:.25rem;font-size:.76rem;font-weight:550;display:block}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);border-radius:8px;padding:.5rem .65rem;font-family:inherit;font-size:.95rem}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}textarea{resize:vertical;min-height:68px}.grid2{grid-template-columns:1fr 1fr;gap:.65rem;display:grid}.grid3{grid-template-columns:1fr 1fr 1fr;gap:.65rem;display:grid}.grid2>*,.grid3>*{min-width:0}button,.btn{background:var(--accent);color:var(--accent-text);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}button.ghost,.btn.ghost{background:var(--chip);color:var(--text)}button.danger{color:var(--bad);border:1px solid color-mix(in srgb, var(--bad) 35%, transparent);background:0 0}button.small,.btn.small{border-radius:7px;padding:.34rem .7rem;font-size:.8rem}button:disabled{opacity:.45;cursor:default}.btnrow{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.7rem;display:flex}.booklist{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.bookrow{color:var(--text);border-bottom:1px solid var(--line);align-items:flex-start;gap:.8rem;padding:.7rem .9rem;display:flex}.bookrow:last-child{border-bottom:none}.bookrow:hover{background:var(--chip)}.cover{background:var(--chip);object-fit:cover;width:42px;height:60px;color:var(--faint);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000001f}.bookrow .info{flex:1;min-width:0}.bookrow .title{font-size:.93rem;font-weight:600;line-height:1.3}.bookrow .sub{color:var(--muted);margin-top:1px;font-size:.8rem}.chips{flex-wrap:wrap;gap:.3rem;margin-top:.35rem;display:flex}.chip{background:var(--chip);color:var(--muted);border-radius:5px;align-items:center;gap:.25rem;padding:.08rem .42rem;font-size:.7rem;font-weight:550;display:inline-flex}.chip.loc{color:var(--ok);background:var(--ok-soft)}.chip.loan{color:var(--warn);background:var(--warn-soft)}.scanwrap{border-radius:var(--radius);background:#000;position:relative;overflow:hidden}.scanwrap video{object-fit:cover;width:100%;max-height:52vh;display:block}.scanframe{pointer-events:none;border:2.5px solid #34d27b;border-radius:10px;position:absolute;inset:20% 12%;box-shadow:0 0 0 2000px #00000047}.scanhint{text-align:center;color:#fff;text-shadow:0 1px 3px #000;font-size:.82rem;position:absolute;bottom:.6rem;left:0;right:0}.bar{align-items:center;gap:.6rem;margin-bottom:.35rem;font-size:.84rem;display:flex}.bar .name{text-overflow:ellipsis;white-space:nowrap;width:38%;overflow:hidden}.bar .track{background:var(--chip);border-radius:4px;flex:1;height:13px;overflow:hidden}.bar .fill{background:var(--accent);opacity:.85;border-radius:4px;height:100%}.bar .n{text-align:right;width:2.6rem;color:var(--muted);font-size:.78rem;font-weight:600}table{border-collapse:collapse;width:100%;font-size:.87rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:.45rem .5rem}tr:last-child td{border-bottom:none}th{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.pager{justify-content:center;align-items:center;gap:.8rem;margin:1rem 0;display:flex}details.filters{margin-bottom:.8rem}details.filters summary{cursor:pointer;color:var(--accent);align-items:center;gap:.35rem;padding:.3rem 0;font-size:.88rem;font-weight:600;list-style:none;display:flex}details.filters summary::-webkit-details-marker{display:none}.selectbar{bottom:calc(3.6rem + env(safe-area-inset-bottom));background:var(--accent);color:#fff;z-index:30;border-radius:12px;flex-wrap:wrap;align-items:center;gap:.5rem;padding:.6rem .8rem;display:flex;position:fixed;left:.8rem;right:.8rem;box-shadow:0 8px 24px #0000002e}.selectbar select{color:#fff;background:#ffffff1f;border-color:#0000}.selectbar select option{color:var(--text);background:var(--surface)}@media (width>=900px){.selectbar{max-width:900px;margin:0 auto;bottom:1.2rem}}.kystrip{flex-wrap:wrap;gap:.6rem;padding:.2rem 0 .4rem;display:flex;overflow-x:auto}.kycard{cursor:pointer;border:1px solid var(--line);background:var(--bg);border-radius:8px;flex:1;align-items:flex-start;gap:.55rem;min-width:225px;max-width:300px;padding:.55rem;transition:border-color .15s;display:flex}.kycard:hover{border-color:var(--accent)}.kycard img{border-radius:4px;flex-shrink:0;width:48px;box-shadow:0 1px 2px #00000026}.kyinfo{flex-direction:column;gap:2px;font-size:.78rem;display:flex}.kyinfo b{font-size:.82rem;line-height:1.25}.kyinfo span{color:var(--muted)}.managelist{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.managelist .mrow{border-bottom:1px solid var(--line);align-items:center;gap:.6rem;padding:.55rem .9rem;font-size:.9rem;display:flex}.managelist .mrow:last-child{border-bottom:none}.managelist .mrow .grow{flex:1;min-width:0}.managelist .mrow .count{color:var(--faint);font-size:.78rem}.iconbtn{color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.3rem;display:inline-flex}.iconbtn:hover{color:var(--accent);background:var(--chip)}
