:root{--bg: #f2f6fb;--panel: #ffffff;--text: #112033;--muted: #53657b;--line: #d5e0ec;--brand: #0c3b6d;--accent: #087f5b;--danger: #bf2f2f}:root[data-theme=dark]{--bg: #0d1624;--panel: #17263a;--text: #ebf2fa;--muted: #b2c0d1;--line: #304861;--brand: #82b8ff;--accent: #61d2ac;--danger: #ff8d8d}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background:radial-gradient(circle at top,#ddeaff,var(--bg) 50%);color:var(--text)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.app-shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;border-bottom:1px solid var(--line);background:var(--panel);position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:.5rem;font-weight:700;color:var(--text)}.brand-logo{width:32px;height:32px}.topnav{display:flex;align-items:center;gap:1rem}.topnav a{color:var(--muted);font-weight:600}.topnav a.active{color:var(--brand)}.page-container{max-width:920px;margin:0 auto;padding:1rem}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:1rem;box-shadow:0 3px 12px #0000000f}.stack{display:grid;gap:.8rem}.row-between{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title-row{display:flex;align-items:center;gap:.5rem}.title-row h1{margin:0}.inline-options{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}label,fieldset{display:grid;gap:.35rem}.fieldset{border:1px solid var(--line);border-radius:8px;padding:.8rem}.inline-checkbox{display:flex;align-items:center;gap:.5rem}.sort-row{display:inline-flex;align-items:center;gap:.5rem}.sort-row select{width:auto}.page-header{margin-bottom:1rem}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--text);padding:.5rem .6rem}textarea{resize:vertical}input[type=checkbox],input[type=radio]{width:auto;min-width:1rem}button{border:1px solid transparent;border-radius:8px;background:var(--brand);color:#fff;padding:.55rem .8rem;cursor:pointer}button:hover{filter:brightness(1.05)}button:disabled{opacity:.65;cursor:not-allowed}.ghost-btn{background:transparent;border-color:var(--line);color:var(--text)}a.ghost-btn{display:inline-block;text-decoration:none;border:1px solid var(--line);border-radius:8px;padding:.55rem .8rem;cursor:pointer;font:inherit;color:var(--text)}a.ghost-btn:hover{filter:brightness(1.05)}.icon-btn{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.icon-btn svg{width:1rem;height:1rem}a.icon-btn{text-decoration:none;display:inline-flex;align-self:center}a.icon-btn.ghost-btn{padding:0}.danger-icon{color:var(--danger);border-color:var(--danger)}.muted{color:var(--muted)}.error-text{color:var(--danger);margin:0}.result-box{margin-top:1rem;display:grid;gap:.5rem}.share-stack{display:flex;flex-direction:column;gap:1rem}.share-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.share-label{min-width:5.5rem;min-height:2rem;display:flex;align-items:center;font-weight:600}.icon-actions{display:inline-flex;align-items:center;gap:.4rem}.qr-code-wrap{margin-top:.5rem;padding:.75rem;background:#fff;border-radius:8px;display:inline-block;border:1px solid var(--line)}.qr-code-wrap svg{display:block}.share-row code{background:#0000000d;padding:.35rem .5rem;border-radius:6px;max-width:100%;overflow-x:auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-top:1rem}.payment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.65rem;margin-top:.75rem}.payment-tabs{margin-top:.75rem;display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.tab-btn{border-radius:0;border:0;background:transparent;color:var(--text);padding:.45rem .75rem}.tab-btn.active{background:var(--brand);color:#fff}.tab-content{margin-top:.75rem}.payment-history-form{width:100%;max-width:420px}.stat{border:1px solid var(--line);border-radius:10px;padding:.6rem;display:grid;gap:.25rem}.stat span{color:var(--muted);font-size:.9rem}.list{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.card{border:1px solid var(--line);border-radius:10px;padding:.7rem;display:flex;justify-content:space-between;gap:.6rem}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.25rem .55rem;font-size:.8rem;font-weight:700}.badge.owner{background:#087f5b2e;color:var(--accent)}.badge.viewer{background:#0c3b6d24;color:var(--brand)}.danger{background:var(--danger);color:#fff}.danger-zone{border-color:var(--danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;padding:1rem;z-index:50}.modal-card{width:min(440px,100%);background:var(--panel);border-radius:12px;border:1px solid var(--line);padding:1rem;display:grid;gap:.8rem}.modal-head{display:flex;justify-content:space-between;align-items:center}.settings-group{display:grid;gap:.5rem}@media(max-width:720px){.topbar{flex-wrap:wrap}.row-between,.card{flex-direction:column;align-items:flex-start}.share-row{flex-direction:column;align-items:stretch;gap:.5rem}.share-row .share-label{min-height:auto}}