@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Poppins:wght@500;600;700;800&display=swap');

:root{--ink:#102d3e;--muted:#657783;--line:#dce7eb;--paper:#f6f9fa;--accent:#ff8900;--green:#e6f6ec;--red:#a43e3e;--font:'DM Sans',Arial,sans-serif}
body{background:#f7fafb;color:var(--ink);font:14px/1.55 var(--font)}
button,input,select,textarea{border-radius:10px}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #ffb955;outline-offset:3px}
.topbar{height:76px;padding:0 clamp(20px,3vw,48px);background:#fff;border-bottom:1px solid var(--line)}
.topbar>a:last-child{color:var(--muted);font-weight:600}
.topbar>a:last-child:hover{color:var(--ink)}
.brand{gap:10px}.brand-mark,.brand-mark img{width:48px;height:48px}.brand-mark{flex-basis:48px}
.brand-word{font:800 21px/1 'Poppins',Arial,sans-serif;letter-spacing:-.055em;color:#102d3e}.brand-word span{color:#ff8900}
.brand-sub{font-size:12px;color:#81909a;border-left:1px solid var(--line);padding-left:12px;margin-left:4px}
.shell{grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 76px)}
.sidebar{background:#fff;padding:32px 18px;border-right:1px solid var(--line)}
.sidebar>.eyebrow{padding-left:13px}
.eyebrow{font-size:10px;letter-spacing:1.7px;color:#7b8c97}
.sidebar nav{gap:5px;margin-top:22px}.sidebar button{border-radius:11px;gap:15px;padding:12px 13px;font-weight:700;color:#91a0aa}
.sidebar button span{font-size:13px;font-weight:600;color:#48606f}
.sidebar button:hover{background:#f2f7f9}.sidebar button.selected{background:#102d3e;color:#ffad47;box-shadow:0 7px 18px rgba(16,45,62,.13)}.sidebar button.selected span{color:#fff}
.sidebar-bottom{padding-left:13px}.sidebar-bottom a{color:#102d3e;font-weight:700;text-decoration:none}.sidebar-bottom p{line-height:1.5}
main{max-width:1580px;padding:28px clamp(22px,4vw,66px) 60px}
.mode-notice{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px;color:#4d6472}.mode-notice:before{background:#ff8900;border-radius:50%}
.page-heading{margin:38px 0 26px}.page-heading h1,h1,h2,dialog h2{font-family:'Poppins',Arial,sans-serif;font-style:normal;font-weight:700;letter-spacing:-.045em;color:#102d3e}
h1{font-size:clamp(30px,3vw,43px);line-height:1.15;margin:7px 0 10px}h2{font-size:22px;line-height:1.3}.page-heading .muted{margin:0;font-size:14px}
.primary,.secondary,.text-button{border-radius:10px;min-height:42px;padding:10px 16px;font:700 12px/1.3 'DM Sans',Arial,sans-serif;transition:background .18s,border-color .18s,transform .18s}
.primary{background:#102d3e;border-color:#102d3e;color:#fff}.primary:hover{background:#1e4559;transform:translateY(-1px)}
.secondary{background:#fff;border-color:#cbdde4;color:#102d3e}.secondary:hover{background:#f1f7f9;border-color:#9db9c6}.text-button{color:#315268}
.metrics{gap:12px;border:0;margin:27px 0 38px}.metrics article,.metrics article:nth-child(2){border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px 21px;box-shadow:0 5px 20px rgba(17,52,69,.035)}
.metrics article:first-child,.metrics article:nth-child(2),.metrics article:nth-child(3),.metrics article:nth-child(4){border-top:1px solid var(--line)}
.metrics p{font-weight:600;color:#587080;margin:0 0 10px}.metrics strong{font:700 clamp(23px,2.5vw,31px)/1.15 'Poppins',Arial,sans-serif;letter-spacing:-.045em}.metrics small{margin-top:9px;color:#81919a;font-size:11px}
.list-heading h2{font-size:21px}.filters{gap:12px;margin:16px 0}.filters input,.filters select{margin:0;background:#fff}
.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:0 5px 20px rgba(17,52,69,.025)}
table{font-size:13px}th{background:#f4f8fa;border-top:0;border-bottom:1px solid var(--line);font-size:10px;font-weight:700;color:#758894}td{border-color:#e8eef0;padding:16px 13px}tbody tr:hover{background:#fafcfd}.row-button{color:#10364a}.row-button:hover{color:#ed7c00}
.state{border-radius:20px;padding:5px 9px;background:#f1f4f5;font-weight:700}.state:before{border-radius:50%}.state.open{background:#fff3e4;color:#9b5b0a}.state.paid{background:#e9f7ee;color:#28754a}.state.overdue,.state.expired{background:#fff0ee;color:#9b4641}
.pagination{margin-top:19px}.flow{border-top:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 24px;margin-top:35px;gap:14px}.flow b{font:700 17px 'Poppins',Arial,sans-serif;color:#ff8900}.flow span{font-weight:700}.flow small{font-weight:400}
.empty,.contact-intro,.logo-slot,.disabled-feature{background:#f1f7f9;border:1px solid var(--line);border-radius:14px}.empty{padding:46px 20px}.empty-mark{font:700 30px 'Poppins',Arial,sans-serif;color:#ff8900}.empty h2{font-size:23px}
label{color:#315064;font-weight:700}input,select,textarea{border:1px solid #cbdce3;background:#fff;color:#102d3e;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#7ea8ba}
.settings-layout{border-top:0;gap:40px}.logo-slot{padding:11px}.logo-slot .brand-mark,.logo-slot .brand-mark img{width:64px;height:64px}.logo-slot .brand-mark{flex-basis:64px}
.disabled-feature input{background:#eaf0f2}.notice{background:#fff;border:1px solid var(--line);border-radius:3px}
iframe{border-radius:10px;border-color:var(--line)}dialog{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 24px 70px rgba(12,36,50,.2)}dialog::backdrop{background:rgba(9,32,45,.55)}.dialog-top{border-bottom:1px solid var(--line);padding-bottom:8px}.close{border-radius:50%}.close:hover{background:#eef4f6}.detail-summary{border-top:1px solid var(--line)}.inline-amount,.form-total strong{font:700 29px 'Poppins',Arial,sans-serif;letter-spacing:-.04em}.share-url{border-radius:8px;background:#f3f7f9}
.copy-toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(10px);background:#102d3e;color:#fff;font:600 13px/1.3 'DM Sans',Arial,sans-serif;padding:12px 18px;border-radius:3px;opacity:0;pointer-events:none;z-index:10000;box-shadow:0 10px 28px rgba(16,45,62,.22);transition:opacity .2s,transform .2s}
.copy-toast.is-on{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:1150px){.shell{grid-template-columns:205px minmax(0,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:nth-child(2){border:1px solid var(--line)}.metrics article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.shell{display:block}.sidebar{padding:10px 15px}.sidebar nav{margin:0;gap:5px}.sidebar button{padding:9px}.topbar{height:65px}.brand-mark,.brand-mark img{width:39px;height:39px}.brand-mark{flex-basis:39px}.brand-word{font-size:18px}main{padding:20px 16px 40px}.page-heading{margin:25px 0}.metrics{gap:8px}.metrics article{padding:15px}.metrics strong{font-size:23px}.flow{gap:18px;padding:17px}.settings-layout,.contact-intro{grid-template-columns:1fr}.topbar>a:last-child{font-size:10px}}