:root{--bg: #eef1f6;--card: #ffffff;--border: #e4e7ee;--text: #1b2130;--muted: #6b7280;--primary: #3457d5;--primary-hover: #2a47b0;--navy: #16203c;--navy-2: #24345f;--accent: #4f7cff;--danger: #e2453c;--radius: 12px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .06);--shadow-lg: 0 12px 40px rgba(16, 24, 40, .14)}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}h1,h2,h3{margin:0 0 .5rem}.muted{color:var(--muted);font-size:.9rem}.small{font-size:.82rem}.req{color:var(--danger)}.error{color:var(--danger);font-size:.9rem;margin:.25rem 0}.pre{white-space:pre-wrap}.center{display:grid;place-items:center;min-height:100vh}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.75rem}label.checkbox{display:flex;align-items:center;gap:.5rem;color:var(--text)}label.checkbox input{width:auto;margin:0}input,textarea,select{width:100%;margin-top:.25rem;padding:.55rem .65rem;border:1px solid var(--border);border-radius:8px;font-size:.95rem;color:var(--text);background:#fff}input:focus,textarea:focus,select:focus{outline:2px solid var(--primary);outline-offset:-1px}.inline{display:flex;gap:.5rem}.inline select{width:110px}button{cursor:pointer;border:none;border-radius:8px;background:var(--primary);color:#fff;padding:.6rem 1rem;font-size:.95rem;font-weight:600}button:hover:not(:disabled){background:var(--primary-hover)}button:disabled{opacity:.6;cursor:default}button.link{background:none;color:var(--primary);padding:.35rem 0;font-weight:500}button.link:hover:not(:disabled){background:none;text-decoration:underline}button.link.danger{color:var(--danger)}.form-actions{display:flex;align-items:center;gap:1rem;margin-top:.5rem}.auth-wrap{display:grid;place-items:center;min-height:100vh;padding:1rem}.auth-card{width:100%;max-width:360px}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;background:var(--card);border-bottom:1px solid var(--border)}.topbar h1{font-size:1.15rem;margin:0}.tabs{display:flex;gap:.25rem;flex:1}.tab{background:none;color:var(--muted);font-weight:500;padding:.5rem .9rem;border-radius:8px}.tab:hover:not(.active){background:var(--bg);color:var(--text)}.tab.active{background:var(--primary);color:#fff}.topbar-right{display:flex;align-items:center;gap:1rem}.content{max-width:1000px;margin:0 auto;padding:1.5rem}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media (max-width: 700px){.grid-2{grid-template-columns:1fr}}.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.tile{margin:0}.tile-head{display:flex;gap:.75rem;align-items:center;margin-bottom:.5rem}.tile-logo{width:44px;height:44px;border-radius:8px;object-fit:contain;background:#fff;border:1px solid var(--border)}.tile-logo.placeholder{display:grid;place-items:center;background:var(--navy);color:#fff;font-weight:700}.tile-actions{display:flex;gap:1rem;margin-top:.5rem}.address-fields,.items{margin-bottom:.5rem}.item-row{display:grid;grid-template-columns:1fr 100px 110px 70px 110px 28px;gap:.5rem;align-items:center;margin-bottom:.5rem}.item-row.head{font-size:.8rem;color:var(--muted);margin-bottom:.25rem}.item-row input{margin-top:0}.line-total{font-size:.9rem;text-align:right}.supply-banner{background:#eef2ff;border:1px solid #d6e0ff;border-radius:8px;padding:.6rem .8rem;font-size:.9rem;margin:.5rem 0 1rem}.totals{margin:1rem 0;margin-left:auto;max-width:360px;border-top:1px solid var(--border);padding-top:.5rem}.totals>div{display:flex;justify-content:space-between;padding:.2rem 0;font-size:.95rem}.totals .grand{font-weight:700;font-size:1.1rem;border-top:1px solid var(--border);margin-top:.35rem;padding-top:.5rem}.image-upload{margin-bottom:.75rem}.field-label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.4rem}.image-preview img{max-width:100%;border-radius:8px;border:1px solid var(--border)}.image-preview.compact img{max-height:90px;width:auto}.image-actions{display:flex;align-items:center;gap:1rem;margin-top:.35rem}.list-table,.doc-items,.doc-meta,.doc-totals,.kv{width:100%;border-collapse:collapse}.list-table th,.list-table td{text-align:left;padding:.6rem .5rem;border-bottom:1px solid var(--border);font-size:.92rem}.num{text-align:right}.row-actions{display:flex;gap:.75rem;justify-content:flex-end}.preview-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#1418238c;display:flex;justify-content:center;padding:2rem 1rem;overflow:auto;z-index:50}.preview-panel{background:#fff;width:820px;max-width:100%;align-self:flex-start;border-radius:8px;overflow:hidden}.preview-toolbar{display:flex;justify-content:flex-end;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid var(--border);background:#fafbfc;position:sticky;top:0;z-index:1}.invoice-doc{padding:2rem 2.25rem;color:#1f2430;font-size:.86rem}.doc-header{display:flex;gap:1rem;align-items:center;border-bottom:3px solid var(--navy);padding-bottom:1rem}.doc-logo{width:150px;max-height:80px;object-fit:contain}.doc-company h2{margin:0 0 .25rem;font-size:1.05rem}.doc-title{text-align:center;letter-spacing:.4em;color:var(--navy);margin:1.25rem 0;font-size:1.4rem}.doc-addresses,.doc-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.doc-box{border:1px solid var(--border);border-radius:6px;padding:.85rem}.box-label{font-weight:700;font-size:.72rem;letter-spacing:.05em;color:var(--muted);margin-bottom:.4rem}.doc-meta th,.doc-meta td{border:1px solid var(--border);padding:.5rem .65rem;text-align:left;font-size:.82rem}.doc-meta th{background:#f6f7f9;width:18%}.doc-items{margin:1rem 0 .5rem}.doc-items th{background:var(--navy);color:#fff;padding:.55rem .6rem;font-size:.78rem;text-align:left}.doc-items th.num,.doc-items td.num{text-align:right}.doc-items td{padding:.5rem .6rem;border-bottom:1px solid var(--border)}.doc-totals-wrap{display:flex;justify-content:flex-end}.doc-totals{width:320px}.doc-totals td{padding:.4rem .6rem;border:1px solid var(--border)}.doc-totals tr.grand td{font-weight:700;background:#f6f7f9}.kv th{text-align:left;font-weight:600;padding:.2rem .5rem .2rem 0;white-space:nowrap;vertical-align:top}.kv td{padding:.2rem 0}.doc-box.sign{text-align:center}.doc-sign{max-height:90px;margin:.5rem auto;display:block}.sign-label{font-weight:600;border-top:1px solid var(--border);padding-top:.4rem;margin-top:.5rem}.doc-footer{text-align:center;color:var(--muted);border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}@media print{@page{size:A4;margin:10mm}html,body{background:#fff;height:auto}body *{visibility:hidden}.preview-overlay,.preview-overlay *{visibility:visible}.preview-overlay{position:static;inset:auto;padding:0;margin:0;background:#fff;overflow:visible;display:block}.preview-panel{width:100%;box-shadow:none;border-radius:0;margin:0}.no-print{display:none!important}.invoice-doc{padding:0!important;font-size:10.5px}.doc-title{margin:.5rem 0!important;font-size:1.1rem}.doc-header{padding-bottom:.5rem}.doc-logo{max-height:56px}.doc-addresses,.doc-two-col{gap:.6rem;margin-bottom:.5rem}.doc-box{padding:.5rem .6rem}.doc-items{margin:.5rem 0 .4rem}.doc-items th,.doc-items td,.doc-meta th,.doc-meta td,.doc-totals td{padding:.28rem .5rem}.doc-footer{margin-top:.5rem;padding-top:.5rem}.doc-sign{max-height:60px}.doc-header,.doc-addresses,.doc-meta,.doc-items,.doc-totals-wrap,.doc-two-col,.doc-box,tr{break-inside:avoid;page-break-inside:avoid}}body{background:radial-gradient(1200px 600px at 100% -10%,#e7edff 0%,transparent 55%),radial-gradient(1000px 500px at -10% 110%,#e9f7f1 0%,transparent 50%),var(--bg);background-attachment:fixed}.card{box-shadow:var(--shadow);border-color:#edf0f5}button{background:linear-gradient(180deg,var(--accent),var(--primary));box-shadow:0 1px 2px #3457d540,0 6px 16px #3457d538;transition:transform .08s ease,box-shadow .15s ease,filter .15s ease}button:hover:not(:disabled){background:linear-gradient(180deg,var(--accent),var(--primary));filter:brightness(1.05);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button.link{background:none;box-shadow:none}button.link:hover:not(:disabled){transform:none;filter:none}input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff2e}.topbar{background:linear-gradient(120deg,var(--navy),var(--navy-2));border-bottom:none;box-shadow:0 4px 18px #1018282e;color:#fff;position:sticky;top:0;z-index:20}.topbar h1{color:#fff;letter-spacing:.06em;font-weight:700}.topbar .muted{color:#b9c2d8}.topbar .link{color:#cdd8ff}.tab{color:#c2cbe0}.tab:hover:not(.active){background:#ffffff14;color:#fff}.tab.active{background:#ffffff29;color:#fff;box-shadow:inset 0 0 0 1px #ffffff40}.section-head h2,.content>div>h2{font-weight:700;letter-spacing:-.01em}.tile{transition:transform .12s ease,box-shadow .15s ease}.tile:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.supply-banner{background:linear-gradient(180deg,#f0f4ff,#e8efff);border-color:#d3e0ff}.auth-wrap{background:radial-gradient(900px 500px at 80% -10%,rgba(79,124,255,.25),transparent 60%),linear-gradient(160deg,#101a34,#1d2c53 60%,#24345f)}.auth-card{box-shadow:var(--shadow-lg);border:none;border-radius:16px;padding:2rem 1.75rem}.auth-card h1{letter-spacing:.12em;color:var(--navy)}.preview-panel{box-shadow:var(--shadow-lg)}.splash{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 500px at 80% -10%,rgba(79,124,255,.28),transparent 60%),linear-gradient(160deg,#0e1730,#1b2a50 60%,#24345f);color:#fff}.splash-inner{text-align:center;animation:splash-out .4s ease 1.6s both}.splash-brand{display:flex;gap:.06em;font-weight:800;font-size:clamp(2.2rem,7vw,3.6rem);letter-spacing:.06em}.splash-letter{display:inline-block;background:linear-gradient(180deg,#fff,#b9ccff);-webkit-background-clip:text;background-clip:text;color:transparent;opacity:0;transform:translateY(14px) scale(.8);animation:letter-pop .5s cubic-bezier(.2,1.3,.4,1) forwards}@keyframes letter-pop{to{opacity:1;transform:translateY(0) scale(1)}}.splash-sub{margin-top:.35rem;letter-spacing:.5em;font-size:.7rem;color:#8fa3d6;padding-left:.5em;opacity:0;animation:fade-in .6s ease .9s forwards}.splash-bar{width:220px;height:5px;margin:1.6rem auto .7rem;border-radius:999px;background:#ffffff24;overflow:hidden}.splash-bar-fill{height:100%;width:0;border-radius:999px;background:linear-gradient(90deg,#4f7cff,#7ee2c7);animation:bar-fill 1.7s cubic-bezier(.4,0,.2,1) forwards}.splash-label{font-size:.82rem;color:#9fb0d8;opacity:0;animation:fade-in .6s ease 1.1s forwards}@keyframes bar-fill{0%{width:0}to{width:100%}}@keyframes fade-in{to{opacity:1}}@keyframes splash-out{to{opacity:1}}.content{animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.loading-wrap{padding:.5rem 0}.loading-bar{height:4px;width:100%;border-radius:999px;background:#3457d51f;overflow:hidden;position:relative}.loading-bar-fill{position:absolute;height:100%;width:40%;border-radius:999px;background:linear-gradient(90deg,var(--accent),#7ee2c7);animation:loading-slide 1.1s ease-in-out infinite}.loading-label{margin-top:.5rem;font-size:.85rem}@keyframes loading-slide{0%{left:-40%}to{left:100%}}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr}@media (max-width: 820px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none!important}}.auth-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem 3rem;color:#eaf0ff;overflow:hidden;background:radial-gradient(700px 400px at 90% -10%,rgba(126,226,199,.22),transparent 60%),radial-gradient(700px 500px at -10% 110%,rgba(79,124,255,.35),transparent 55%),linear-gradient(155deg,#0d1730,#182a55 55%,#223a72)}.auth-brand:after{content:"";position:absolute;right:-60px;top:120px;width:320px;height:420px;border-radius:16px;background:repeating-linear-gradient(180deg,rgba(255,255,255,.06) 0 2px,transparent 2px 26px);border:1px solid rgba(255,255,255,.08);transform:rotate(8deg);pointer-events:none}.auth-brand-top{display:flex;align-items:center;gap:.85rem;position:relative;z-index:1}.brand-mark{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:1.1rem;letter-spacing:.02em;color:#0d1730;background:linear-gradient(160deg,#fff,#b9ccff);box-shadow:0 8px 22px #4f7cff66}.brand-mark.small{width:34px;height:34px;border-radius:9px;font-size:.8rem}.brand-name{font-weight:800;letter-spacing:.22em;font-size:1.15rem}.brand-sub{color:#9db4ee;letter-spacing:.32em;font-size:.72rem;text-transform:uppercase}.auth-brand-mid{position:relative;z-index:1;max-width:420px}.auth-brand-mid h2{font-size:2rem;line-height:1.15;margin-bottom:.6rem}.auth-brand-mid>p{color:#b9c6e8;margin-bottom:1.75rem}.feature-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.feature-list li{display:flex;gap:.85rem;align-items:center}.feat-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;font-size:1.1rem;background:#ffffff17;border:1px solid rgba(255,255,255,.12);flex-shrink:0}.feature-list strong{display:block;font-size:.95rem}.feature-list span{color:#9fb0d8;font-size:.82rem}.auth-brand-foot{position:relative;z-index:1;color:#8ea3d2;font-size:.8rem}.auth-form-panel{display:grid;place-items:center;padding:2rem 1.5rem;background:#f7f9fc}.auth-form{width:100%;max-width:380px;background:#fff;border-radius:18px;padding:2rem 1.9rem;box-shadow:var(--shadow-lg)}.auth-form-brand{display:flex;align-items:center;gap:.6rem;font-size:.9rem;letter-spacing:.06em;color:var(--navy);margin-bottom:1.4rem}.auth-form h1{font-size:1.5rem;letter-spacing:-.01em;margin-bottom:.2rem}.auth-form>.muted{margin-bottom:1.4rem}.auth-form label{color:var(--text);font-weight:500;font-size:.85rem}.auth-form input{padding:.7rem .8rem;margin-top:.35rem}.btn-block{width:100%;margin-top:.4rem;padding:.75rem;font-size:1rem}.auth-switch{margin-top:1.1rem;text-align:center;color:var(--muted);font-size:.9rem}.auth-switch .link{margin-left:.35rem;font-weight:600}.app-footer{display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;justify-content:space-between;align-items:center;max-width:1000px;margin:.5rem auto 0;padding:1.25rem 1.5rem 2rem;border-top:1px solid var(--border);font-size:.82rem;color:var(--muted)}.app-footer strong{color:var(--text)}.app-footer .tm{font-size:.65em;vertical-align:super;color:var(--primary)}.app-footer a{color:var(--primary);text-decoration:none}.app-footer a:hover{text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column}.app .content{flex:1;width:100%}.wordmark{display:flex;align-items:center;gap:.55rem;letter-spacing:.14em}.wordmark-mark{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:.72rem;font-weight:800;letter-spacing:.02em;color:#0d1730;background:linear-gradient(160deg,#fff,#b9ccff)}.wordmark-thin{font-weight:400;letter-spacing:.16em;color:#b9c6e8}.doc-credit{margin-top:.35rem;font-size:.72rem;color:#9aa1ad}.badge{display:inline-block;padding:.2rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge.paid{color:#0a7d4f;background:#e3f8ee;border:1px solid #b6ebd2}.badge.unpaid{color:#b06a00;background:#fdf3e3;border:1px solid #f4dfb8}button.link.ok{color:#0a7d4f;font-weight:600}.pay-inline{display:inline-flex;align-items:center;gap:.4rem}.pay-inline input{width:auto;margin:0;padding:.3rem .4rem;font-size:.85rem}.doc-paid-stamp{display:inline-block;margin-left:1rem;padding:.15rem .7rem;border:2px solid #0a7d4f;color:#0a7d4f;border-radius:6px;font-size:.9rem;font-weight:800;letter-spacing:.12em;transform:rotate(-4deg);vertical-align:middle}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:1.25rem}.page-head h2{font-size:1.5rem;letter-spacing:-.02em}.page-head p{margin:.15rem 0 0}.section-head{padding-bottom:.9rem;border-bottom:1px solid var(--border)}.section-head h2{font-size:1.35rem;letter-spacing:-.02em}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.25rem}.stat-tile{background:#fff;border:1px solid var(--border);border-radius:14px;padding:1rem 1.15rem;box-shadow:var(--shadow);position:relative;overflow:hidden}.stat-tile:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--accent)}.stat-tile.ok:before{background:#16b06a}.stat-tile.warn:before{background:#eab308}.stat-tile .stat-label{display:block;font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.stat-tile .stat-value{display:block;font-size:1.7rem;font-weight:800;letter-spacing:-.02em;margin-top:.25rem}.money-line{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px dashed var(--border)}.money-line:last-child{border-bottom:none}.table-card{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);overflow:hidden}.table-card .list-table{margin:0}.list-table thead th{background:#f5f7fb;color:var(--muted);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;border-bottom:1px solid var(--border);padding:.7rem .75rem}.list-table tbody td{padding:.7rem .75rem;vertical-align:middle}.list-table tbody tr{transition:background .12s ease}.list-table tbody tr:hover{background:#f8faff}.list-table tbody tr:not(:last-child) td{border-bottom:1px solid #f0f2f6}.tile{border-radius:14px;padding:0;overflow:hidden}.tile-strip{height:6px;background:linear-gradient(90deg,var(--accent),#7ee2c7)}.tile-body{padding:1.1rem 1.15rem}.tile-actions{border-top:1px solid var(--border);padding:.6rem 1.15rem;margin-top:0}.avatar{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;font-weight:700;color:#fff;background:linear-gradient(160deg,var(--navy-2),var(--accent));flex-shrink:0}.admin-chip{font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#0d1730;background:linear-gradient(160deg,#ffe8a3,#ffd24d);padding:.2rem .5rem;border-radius:6px}.filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem}.filters label{margin:0;min-width:150px;flex:1}.admin h3{margin:1.5rem 0 .6rem;font-size:1.1rem}.collapsible{margin-bottom:1rem}.collapsible-head{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);transition:background .12s ease}.collapsible-head:hover{background:#f8faff}.chev-spacer{flex:1}.collapsible-head .chev{transition:transform .15s ease;color:var(--muted);font-size:.95rem;margin-left:.25rem}.collapsible-head .chev.open{transform:rotate(90deg)}.collapsible-title{font-weight:700;font-size:1.05rem}.count-pill{background:#eef2ff;color:var(--primary);border:1px solid #d6e0ff;border-radius:999px;font-size:.75rem;font-weight:700;padding:.1rem .5rem}.collapsible-body{margin-top:.5rem}.paginator{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .25rem 0;flex-wrap:wrap}.pager-btns{display:flex;align-items:center;gap:.85rem}.pager-btns .link:disabled{color:var(--muted);opacity:.5;cursor:default}@media (max-width: 720px){.content{padding:1rem}.topbar{flex-wrap:wrap;gap:.6rem 1rem;padding:.6rem 1rem}.topbar h1{font-size:1rem}.tabs{order:3;width:100%;overflow-x:auto;flex:none;-webkit-overflow-scrolling:touch}.tab{white-space:nowrap;padding:.45rem .75rem}.topbar-right{margin-left:auto;gap:.6rem}.topbar-right .muted{max-width:42vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem}.page-head,.section-head.page-head{flex-direction:column;align-items:stretch;gap:.75rem}.page-head button{width:100%}.tiles{grid-template-columns:1fr}.card{padding:1rem}.item-row,.item-row.head{grid-template-columns:1fr 1fr;gap:.4rem}.item-row.head{display:none}.item-row .line-total{text-align:left}.totals{max-width:none}.inline{flex-wrap:wrap}.table-card{overflow-x:auto}.table-card .list-table{min-width:620px}.filters{flex-direction:column;align-items:stretch}.filters label{min-width:0;width:100%}.preview-overlay{padding:0}.preview-panel{border-radius:0;min-height:100vh}.invoice-doc{padding:1.1rem 1rem;font-size:.8rem}.doc-addresses,.doc-two-col{grid-template-columns:1fr}.doc-header{flex-direction:column;text-align:center;gap:.5rem}.doc-totals{width:100%}.app-footer{flex-direction:column;align-items:flex-start;gap:.25rem}.stat-row{grid-template-columns:1fr 1fr}}@media (max-width: 400px){.stat-row{grid-template-columns:1fr}.row-actions{flex-wrap:wrap;justify-content:flex-start}}.help-btn{background:#ffffff1f;color:#eaf0ff;border:1px solid rgba(255,255,255,.2);padding:.4rem .7rem;font-size:.85rem;box-shadow:none}.help-btn:hover:not(:disabled){background:#fff3;filter:none;transform:none}.guide-modal{background:#fff;width:640px;max-width:100%;align-self:flex-start;border-radius:16px;padding:1.75rem;box-shadow:var(--shadow-lg)}.guide-head{display:flex;gap:.9rem;align-items:center;margin-bottom:1.25rem}.guide-head h2{font-size:1.35rem;margin:0}.guide-head p{margin:.1rem 0 0}.guide-steps{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.guide-steps li{display:flex;gap:.85rem;align-items:flex-start}.step-num{flex-shrink:0;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.9rem;color:#fff;background:linear-gradient(160deg,var(--accent),var(--primary))}.guide-steps strong{display:block;margin-bottom:.1rem}.guide-steps span{color:var(--muted);font-size:.88rem;line-height:1.4}.guide-notice{margin-top:1.25rem;padding:.9rem 1rem;border-radius:10px;background:linear-gradient(180deg,#fff8e8,#fff2d6);border:1px solid #f4dfb8;font-size:.86rem;line-height:1.5}.guide-notice a{color:var(--primary)}.guide-actions{margin-top:1.25rem;display:flex;justify-content:flex-end}@media (max-width: 720px){.guide-modal{border-radius:0;min-height:100vh;padding:1.25rem}.help-btn{font-size:.78rem;padding:.35rem .55rem}}.cell-strong{font-weight:600;color:var(--text)}.cell-amount{font-weight:600;font-variant-numeric:tabular-nums}.list-table tbody tr:nth-child(2n){background:#fbfcfe}.list-table tbody tr:hover{background:#eef3ff}.list-table tbody td{border-bottom:1px solid #eef1f6}@media (max-width: 720px){.table-card{overflow:visible;border:none;box-shadow:none;background:transparent;border-radius:0}.table-card .list-table{min-width:0}.list-table thead{display:none}.list-table,.list-table tbody,.list-table tr,.list-table td{display:block;width:100%}.list-table tr{background:#fff;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:.4rem 1rem;margin-bottom:.85rem}.list-table tbody tr:nth-child(2n),.list-table tbody tr:hover{background:#fff}.list-table td{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:right;padding:.55rem 0;border-bottom:1px dashed #eef1f6;font-size:.9rem}.list-table td:last-child{border-bottom:none}.list-table td:before{content:attr(data-label);font-weight:700;color:var(--muted);text-align:left;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.list-table td.row-actions{flex-wrap:wrap;justify-content:flex-start;gap:.35rem 1rem;padding-top:.65rem}.list-table td.row-actions:before{display:none}.pay-inline{flex-wrap:wrap}}.pro-chip{font-size:.66rem;font-weight:800;letter-spacing:.1em;color:#0d1730;background:linear-gradient(160deg,#b8f5d8,#3fd7a0);padding:.2rem .5rem;border-radius:6px}.dialog{background:#fff;width:440px;max-width:100%;align-self:center;border-radius:16px;padding:1.5rem;box-shadow:var(--shadow-lg)}.dialog-title{font-size:1.2rem;margin:0 0 .6rem}.dialog-title.danger{color:var(--danger)}.dialog-body{color:var(--text);font-size:.92rem;line-height:1.5}.dialog-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem;margin-top:1.4rem}.btn-danger{background:linear-gradient(180deg,#f0655c,var(--danger));box-shadow:0 1px 2px #d2333340,0 6px 16px #d2333338}.btn-danger:hover:not(:disabled){background:linear-gradient(180deg,#f0655c,var(--danger))}@media (max-width: 720px){.dialog{border-radius:14px}}@media (max-width: 820px){.auth-shell{display:block;min-height:100vh}.auth-form-panel{min-height:100vh;padding:2rem 1.25rem;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(600px 340px at 85% -5%,rgba(126,226,199,.22),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(79,124,255,.32),transparent 55%),linear-gradient(160deg,#0e1730,#1b2a50 60%,#24345f)}.auth-mobile-brand{display:flex;align-items:center;justify-content:center;gap:.6rem;color:#eaf0ff;margin-bottom:1.25rem}.auth-mobile-brand .brand-name{font-size:1.05rem}.auth-mobile-brand .brand-sub{font-size:.62rem}.auth-form{margin:0 auto;width:100%;max-width:400px;border-radius:20px;padding:1.75rem 1.5rem}.auth-form .auth-form-brand{display:none}.auth-form h1{font-size:1.35rem}.auth-mobile-foot{text-align:center;color:#9db4ee;font-size:.75rem;margin-top:1.25rem}}.auth-mobile-brand,.auth-mobile-foot{display:none}@media (max-width: 820px){.auth-mobile-brand{display:flex}.auth-mobile-foot{display:block}}