*,*:before,*:after{box-sizing:border-box}:root{background:radial-gradient(1200px 400px at top center,#1d283ae6,#020617 60%)}body{margin:0;min-height:100vh;background:transparent}.app{min-height:100vh;color:#0f172a}.header-bar{padding:18px 16px 10px;position:relative}.header-bar{position:relative}.header-bar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(to right,transparent,rgba(148,163,184,.35),transparent)}.header-inner{max-width:1440px;margin:0 auto;padding:0 16px}.app-title{margin:0;font-size:28px;font-weight:650;color:#e5ecff}.app-subtitle{font-size:13px;margin-top:4px;color:#fff9}.app-title,.app-subtitle{margin-left:5px}.main-wrapper{max-width:1440px;margin:0 auto 32px;padding:0 16px 32px}.layout-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:18px;align-items:start}@media(max-width:900px){.layout-grid{grid-template-columns:minmax(0,1fr)}}.card-shell{background:#0f172af5;border-radius:16px;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 70px #00000073;overflow:hidden;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);min-height:calc(100vh - 140px)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(51,65,85,.9)}.card-body{padding:16px 18px 18px}.subnav-btn{padding:.25rem .6rem;min-width:105px;height:20px;font-size:.68rem;display:flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid #1f2937;background:radial-gradient(circle at top left,#111827,#020617 60%);color:#e5f0ff;font-weight:500;cursor:pointer;transition:background .15s ease-out,box-shadow .15s ease-out,transform .08s ease-out,border-color .15s ease-out}.subnav-btn:hover{border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f659,0 5px 12px #0f172ad9;transform:translateY(-1px)}.subnav-btn.active{background:radial-gradient(circle at top left,#2563eb,#7c3aed 52%);border-color:transparent;box-shadow:0 0 0 1px #3b82f659,0 6px 14px #2563eb73;color:#f9fafb}.invoice-subnav{display:flex;justify-content:center;gap:5px;margin-top:-8px;margin-bottom:-8px}.tabs{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;background:#1e40af24}.tabs button{padding:6px 14px;border-radius:999px;border:none;font-size:12px;background:transparent;color:#cbd5f5;cursor:pointer;white-space:nowrap}.tabs button.active{background:#3b82f6;color:#f9fafb;box-shadow:0 8px 18px #2563eb99}.tabs button:hover:not(.active){background:#0f172acc}.wallet-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.wallet-btn{padding:6px 14px;border-radius:999px;border:1px solid #3b82f6;background:#111827;color:#f9fafb;cursor:pointer;font-size:12px}.wallet-btn:hover{background:#1f2937}.wallet-info{font-size:11px;color:#9ca3af;display:flex;flex-direction:column;align-items:flex-end}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.tab-content{color:#e5e7eb;font-size:13px}.tab-header h2{font-size:20px;font-weight:600}.tab-header p{margin:0 0 14px;color:#9ca3af}.card-section{background:#0f172ad9;border-radius:12px;border:1px solid rgba(51,65,85,.9);padding:12px 12px 10px;margin-bottom:12px}.field-label{display:block;font-size:12px;color:#9ca3af;margin-bottom:4px}.field-row{display:flex;flex-wrap:wrap;gap:8px}.field-row input{flex:1 1 220px;min-width:0;padding:6px 10px;border-radius:10px;border:1px solid rgba(55,65,81,.9);background:#020617;color:#e5e7eb;font-size:13px}.field-row input::placeholder{color:#6b7280}.field-row input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6a6}.primary-btn{padding:6px 14px;border-radius:999px;border:none;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;box-shadow:0 0 0 1px #3b82f666,0 10px 28px #3b82f6a6;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 13px 28px #3b82f6e6;filter:brightness(1.05)}.primary-btn:disabled{opacity:.6;cursor:default;box-shadow:none}.field-hint{margin-top:6px;font-size:11px;color:#9ca3af}.invoice-list{list-style:none;margin:2px 0 0;padding:0}.invoice-row{padding:2px 0;border-bottom:1px dashed rgba(55,65,81,.7);margin-bottom:0;background:transparent}.invoice-row:hover{background:#1e293b8c;transform:translateY(-1px);border-bottom:none}.invoice-line1,.invoice-line2{display:flex;align-items:center;gap:4px}.invoice-line1{font-size:12px;display:flex;align-items:baseline;gap:4px}.invoice-line2{font-size:10px;opacity:.8;margin-top:0}.invoice-counterparty-text{white-space:nowrap}.dot:before{content:"•";opacity:.6;margin:0 2px}.status-pill{margin-left:auto;padding:1px 6px;border-radius:999px;font-size:9px;font-weight:600}.status-issued{background:#3b82f626;color:#60a5fa}.status-paid{background:#22c55e2e;color:#34d399}.status-cancelled{background:#ef44442e;color:#f87171}.section-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.section-title-row h3{margin:0;font-size:14px;color:#e5e7eb}.pill{height:26px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;font-size:11px;line-height:1;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#fffc}.pill-success{border-color:#22c55e40;background:#22c55e1a;color:#86efac}.pill-network{border-color:#3b82f640;background:#3b82f61a;color:#93c5fd}.list{list-style:none;margin:0;padding:0}.list-item{padding:6px 0;border-bottom:1px dashed rgba(55,65,81,.4);font-size:12px}.list-item:hover{border-bottom-color:#374151cc}.log-card{background:#0f172ae6;position:sticky;top:18px;max-height:calc(100vh - 140px)}.log-card .card-body{max-height:calc(100vh - 200px);overflow-y:auto}.log-list{list-style:none;margin:0;padding:0;font-size:11px;color:#e5e7eb}.log-list li{border-bottom:1px dashed rgba(55,65,81,.7);padding:4px 0}@media(max-width:720px){.card-header{flex-direction:column;align-items:stretch}.wallet-box{align-items:flex-start}.tabs{justify-content:space-between;width:100%}.tabs button{flex:1 1 0;text-align:center}}.tab-content .tab-header{margin-top:4px}.log-item{display:flex;gap:10px;align-items:center;font-size:14px}.log-time{color:#ffffff80;white-space:nowrap}.log-title{flex:1}.log-tx-link{color:#4ea1ff;text-decoration:none;white-space:nowrap}.log-tx-link:hover{text-decoration:underline}.supplier-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.supplier-remove-btn{background:transparent;border:1px solid rgba(255,255,255,.1);color:#ffffff8c;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:500;line-height:1;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .05s ease}.supplier-remove-btn:hover{background:#ef44441f;border-color:#ef444459;color:#fca5a5}.supplier-remove-btn:active{transform:scale(.95)}.supplier-remove-btn:disabled{opacity:.4;cursor:not-allowed}.list-item.supplier-row{border-radius:10px;transition:background .12s ease}.list-item.supplier-row:hover{background:#ffffff06}.modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.modal{width:min(480px,92vw);background:#0f1117;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;box-shadow:0 20px 60px #0000008c}.modal-title{margin-bottom:6px}.modal-text{color:#ffffffb3;font-size:14px}.modal-address{margin-top:10px;padding:8px;background:#ffffff0d;border-radius:10px;font-size:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#ffffffd9;padding:6px 12px;border-radius:10px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn-secondary:hover{background:#ffffff17;border-color:#ffffff2e}.btn-secondary:active{transform:scale(.97)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{background:#ef44442e;border:1px solid rgba(239,68,68,.35);color:#fecaca;padding:6px 12px;border-radius:10px;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease}.btn-danger:hover{background:#ef444442;border-color:#ef44448c}.btn-danger:active{transform:scale(.97)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.card-header-col{display:flex;flex-direction:column;gap:10px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%}.dashboard-left{display:flex;align-items:center;gap:12px;min-width:0}.dashboard-title-row{display:flex;align-items:center}.dashboard-title{font-size:12px;letter-spacing:.12em;color:#ffffff8c;white-space:nowrap}.status-pills{display:flex;align-items:center;gap:8px;white-space:nowrap}.pill.status{background:#ffffff0f;border:1px solid rgba(255,255,255,.1)}.pill.status.ok{background:#22c55e1f;border-color:#22c55e40;color:#bbf7d0}.pill.status.off{background:#ef44441a;border-color:#ef444438;color:#fecaca}.pill.network{background:#3b82f638;border:1px solid rgba(59,130,246,.22);color:#93c5fd}.card-header.card-header-col{flex-direction:column;align-items:stretch;gap:10px}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-right{display:flex;align-items:center;justify-content:flex-end;gap:10px;white-space:nowrap}.dash-btn{height:26px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#ffffffd9;font-size:12px;cursor:pointer;text-decoration:none;transition:background .15s ease,border-color .15s ease,transform .05s ease}.dash-btn:hover{background:#ffffff12;border-color:#ffffff29}.dash-btn:active{transform:scale(.98)}.dash-btn.wallet{background:#ffffff0f;border-color:#ffffff24;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.dash-btn.primary{border-color:#3b82f659;background:#3b82f633;color:#eaf2ff}.dash-btn.primary:hover{background:#3b82f647;border-color:#3b82f680}.dashboard-tabsrow{display:flex;align-items:center;justify-content:flex-start}.log-title strong{color:#e5e7eb;font-weight:600}.log-list li:nth-child(1),.log-list li:nth-child(2),.log-list li:nth-child(3){background:#3b82f60d;border-radius:8px;padding:6px 8px}.dash-btn.copied{background:#22c55e26;border-color:#22c55e66}