@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@500;600;650;700;750;800&display=swap');
:root{--ink:#192823;--muted:#7b8983;--green:#227a56;--green-dark:#155b3e;--mint:#e9f5ee;--line:#e8ede9;--bg:#f7f9f7;--white:#fff;--amber:#b87921;--red:#bd5050}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px 'DM Sans',Arial,sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid #68b495;outline-offset:3px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:248px;background:#fff;border-right:1px solid var(--line);padding:31px 20px 0;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:11px;font:800 16px Manrope,Arial,sans-serif;letter-spacing:.1px}.brand small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:2px;color:#81918a;margin-top:5px}.brand-mark{width:38px;height:42px;display:flex;align-items:center;justify-content:center;font:800 27px Manrope;background:var(--green);color:white;border-radius:10px;position:relative}.brand-mark span{font-size:15px;margin-left:-5px;margin-top:12px;color:#a9dcc2}.workspace{display:flex;align-items:center;gap:9px;padding:14px 10px;border:1px solid var(--line);border-radius:9px;margin:32px 0 25px;font-size:12px;font-weight:650}.workspace small,.profile small{display:block;font-size:10px;font-weight:400;color:var(--muted);margin-top:4px}.workspace-icon{padding:9px 6px;background:#f1f5f2;color:var(--green);font-size:11px;border-radius:6px}.workspace-dot,.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38976c}.workspace-dot{margin-left:auto}.nav-label{font-size:9px;font-weight:700;letter-spacing:1.5px;color:#9aa79f;margin:0 12px 12px}nav a{display:flex;align-items:center;gap:12px;padding:12px 13px;margin-bottom:4px;color:#748078;border-radius:7px;font-size:12px;font-weight:500}nav a:hover{background:#f5f8f5;color:var(--green)}nav a.active{background:var(--mint);color:var(--green);font-weight:700}nav .nav-count{margin-left:auto;padding:2px 6px;background:#fff;font-size:10px;border-radius:4px}nav .separator{height:1px;background:var(--line);margin:20px 12px}.sidebar-bottom{margin-top:auto;padding-top:20px}.mode-note{padding:15px 13px;background:#f7faf7;border:1px solid var(--line);border-radius:8px;font-size:9px;color:#557264;font-weight:700;letter-spacing:.7px}.mode-note .status-dot{margin-right:6px}.mode-note small{display:block;font-weight:400;letter-spacing:0;font-size:10px;color:#8b988f;margin-top:7px}.profile{display:flex;align-items:center;gap:10px;margin:23px -20px 0;padding:18px 20px;border-top:1px solid var(--line);font-size:11px;font-weight:600}.profile form{margin-left:auto}.avatar,.top-avatar{display:inline-grid;place-items:center;background:#eef2ed;border:1px solid #e0e9df;border-radius:50%;width:32px;height:32px;color:#55734e;font-size:12px;font-weight:700}.top-avatar{width:30px;height:30px}.app-frame{margin-left:248px}.topbar{height:75px;padding:0 38px;border-bottom:1px solid var(--line);background:white;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:11px;color:#96a097}.breadcrumb strong{color:#586b5f;font-weight:500}.slash{color:#d0d8d0}.top-actions{display:flex;align-items:center;gap:24px}.environment{font-size:10px;color:#809386}.environment .status-dot{margin-right:6px}main{padding:33px 38px 22px;min-height:calc(100vh - 130px);max-width:1800px;margin:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{font-size:27px;letter-spacing:-.9px;font-weight:800;margin-bottom:8px}h2{font-size:16px;letter-spacing:-.3px;margin-bottom:5px}h3{font-size:13px}.muted{color:var(--muted)}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.page-heading p{color:var(--muted);font-size:12px;margin:0}.eyebrow{display:block;font-size:9px;font-weight:700;letter-spacing:1.7px;color:var(--green);margin-bottom:12px}.heading-actions{display:flex;gap:10px}.button{border:1px solid transparent;border-radius:7px;padding:10px 14px;font-weight:600;font-size:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px}.button svg{width:15px;height:15px}.primary{color:#fff;background:var(--green)}.primary:hover{background:var(--green-dark)}.secondary{background:white;border-color:#dfe7e0;color:#617367}.ghost{background:transparent;color:var(--green)}.danger{background:#fff0ee;color:var(--red)}.date-chip{border:1px solid #dfe7df;background:#fff;border-radius:7px;padding:10px 12px;color:#7b8a7d;display:flex;gap:8px;font-size:10px;align-items:center}.date-chip svg{width:14px;height:14px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:22px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 20px;position:relative;overflow:hidden}.metric-label{font-size:11px;color:#7d8b80;display:flex;align-items:center;gap:7px}.metric-icon{margin-left:auto;width:30px;height:30px;border-radius:8px;background:#f2f7f2;display:grid;place-items:center;color:#71927d}.metric-icon svg{width:16px;height:16px}.metric-value{font:800 26px Manrope,Arial,sans-serif;letter-spacing:-.7px;margin:9px 0 11px}.metric-foot{font-size:9px;color:#94a093;display:flex;gap:7px}.metric-foot .positive{color:var(--green);font-weight:600}.metric-foot .warning{color:var(--amber);font-weight:600}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px;margin-bottom:23px}.card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-head{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:12px}.card-head p{font-size:10px;color:#92a092;margin:6px 0 0}.card-head h2{font-size:13px}.subtle-pill{background:#f4f7f3;color:#80907f;padding:7px 10px;font-size:9px;border-radius:5px}.chart-area{height:220px;margin:4px 22px 14px;display:flex;gap:10px}.y-axis{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;color:#a0ac9e;padding-bottom:25px;width:35px}.bars{flex:1;display:flex;justify-content:space-around;align-items:end;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0,transparent 47px,#f1f4f0 48px,#f1f4f0 49px);gap:12px;margin-bottom:25px}.bar-col{height:100%;display:flex;align-items:center;justify-content:end;flex-direction:column;position:relative;flex:1;max-width:50px}.bar{width:70%;background:#d2e8d6;border-radius:5px 5px 0 0;min-height:3px;position:relative}.bar.current{background:var(--green)}.bar-col span{position:absolute;bottom:-24px;color:#9aa899;font-size:9px}.chart-legend{display:flex;gap:18px;font-size:9px;color:#98a393;margin:0 22px 20px}.chart-legend i{width:7px;height:7px;border-radius:2px;display:inline-block;background:var(--green);margin-right:5px}.collection-total{font-size:21px;font-weight:700;letter-spacing:-.6px}.health{padding:0 22px 20px}.health-visual{display:flex;align-items:center;gap:25px;margin:13px 0 27px}.donut{width:135px;height:135px;border-radius:50%;background:conic-gradient(var(--green) 0 var(--paid),#efbd6d var(--paid) var(--temporary),#e8eeea var(--temporary) 100%);position:relative;flex-shrink:0;display:grid;place-items:center}.donut:before{content:'';position:absolute;inset:16px;border-radius:50%;background:#fff}.donut-inner{position:relative;text-align:center}.donut strong{font:800 27px Manrope}.donut small{display:block;color:#98a394;font-size:9px;margin-top:4px}.legend{flex:1}.legend-row{display:flex;align-items:center;font-size:10px;color:#91a08e;margin-bottom:13px;gap:7px}.legend-row b{margin-left:auto;color:#49624d}.legend-row i{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend-row:nth-child(2) i{background:#efbd6d}.legend-row:nth-child(3) i{background:#e0e8df}.health-note{font-size:10px;line-height:1.7;padding:11px;background:#f6f9f5;color:#85987e;border-radius:6px}.health-note b{color:#52714d}.section-row{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,1fr);gap:20px}.text-link{font-size:10px;color:var(--green);font-weight:600;border:0;background:none}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap;text-align:left}th{font-weight:500;font-size:9px;text-transform:uppercase;letter-spacing:.6px;color:#99a593;background:#fafcf9;border-block:1px solid #edf1e9;padding:12px 21px}td{font-size:11px;padding:15px 21px;border-bottom:1px solid #f0f3ec;color:#71866c}tr:last-child td{border:0}td strong{color:#3e5838;font-weight:600}td small{display:block;color:#9ba996;font-size:9px;margin-top:4px}.customer-cell{display:flex;gap:9px;align-items:center}.customer-avatar{border-radius:7px;background:#f0f4e9;width:30px;height:30px;display:grid;place-items:center;color:#83966d;font-size:10px;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;font-size:9px;font-weight:500;border-radius:5px;padding:5px 7px;background:#f1f4ee;color:#8a9982;text-transform:capitalize}.badge:before{content:'';height:4px;width:4px;border-radius:50%;background:currentColor}.badge.paid,.badge.active,.badge.allowed,.badge.completed{color:#3b875a;background:#edf7ee}.badge.partial,.badge.temporary,.badge.credit,.badge.review{color:#b8893d;background:#fff7e6}.badge.overdue,.badge.expired,.badge.suspended,.badge.denied{color:#c06f63;background:#fff0eb}.badge.postpaid,.badge.manual{color:#7688ad;background:#f0f3fb}.activity{padding:0 22px 12px}.activity-item{display:flex;gap:11px;padding:14px 0;border-bottom:1px solid #f0f3ec}.activity-item:last-child{border:0}.activity-icon{width:28px;height:28px;border-radius:50%;background:#edf7ef;color:#6e9a72;display:grid;place-items:center;flex-shrink:0}.activity-icon svg{width:13px;height:13px}.activity-item strong{font-size:10px;font-weight:550;display:block;color:#5f7856}.activity-item p{font-size:9px;color:#98a68e;margin:5px 0}.activity-item time{color:#adbaa4;font-size:8px}.card-footer{padding:12px 22px;background:#fcfdfb;border-top:1px solid var(--line);color:#94a28d;font-size:9px}.toolbar{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line)}.search{width:280px;position:relative}.search input{margin:0;padding:10px 12px 10px 34px;font-size:11px;background:#fafcf9}.search svg{position:absolute;left:11px;top:10px;width:14px;height:14px;color:#9bab93}.filters{display:flex;gap:8px}.filters select{margin:0;min-width:125px;font-size:10px;padding:9px}.empty{padding:50px;text-align:center;color:var(--muted);font-size:12px}.info-strip{border:1px solid #e0eade;background:#f1f7ee;color:#67805c;padding:14px 18px;border-radius:8px;font-size:11px;line-height:1.7;margin-bottom:22px}.info-strip.amber{background:#fffbf2;border-color:#f2e6cc;color:#9a804c}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{padding:23px}.product-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--green);background:var(--mint);margin-bottom:20px}.product-card h2{margin-bottom:7px}.product-card p{color:var(--muted);font-size:11px;line-height:1.7;min-height:38px}.product-price{font:750 25px Manrope;margin:22px 0}.product-price small{font:400 10px 'DM Sans';color:var(--muted)}.product-meta{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-bottom:20px}.details-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.detail-card{padding:22px}.detail-card dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:12px}.detail-card dt{color:var(--muted)}.detail-card dd{margin:0;text-align:right}.icon-button{border:0;background:transparent;color:#8c9c84;display:grid;place-items:center;width:28px;height:28px;border-radius:5px}.icon-button:hover{background:#edf4e9}.mobile-menu{display:none}footer{padding:20px 38px;color:#a0ad98;font-size:9px;display:flex;justify-content:space-between;gap:20px}.loading{padding:80px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);padding:0;border-radius:12px;box-shadow:0 20px 100px #17352230;width:480px;max-width:calc(100vw - 28px);max-height:90vh;color:var(--ink)}dialog::backdrop{background:#142b2466;backdrop-filter:blur(3px)}.modal-heading{padding:21px 25px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.modal-heading h2{margin:0}#modal-fields{padding:12px 25px 0}label{display:block;font-size:11px;font-weight:600;color:#64795b;margin:14px 0}input,select,textarea{width:100%;display:block;margin-top:8px;border:1px solid #dfe7dc;border-radius:6px;padding:11px 12px;outline:none;background:#fff;color:#36502e}input:focus,select:focus,textarea:focus{border-color:#71aa7c;box-shadow:0 0 0 3px #31864e12}textarea{min-height:80px;resize:vertical}.field-help{font-size:9px;color:#97a38e;margin-top:5px;display:block;font-weight:400;line-height:1.6}.modal-footer{display:flex;justify-content:end;gap:10px;padding:18px 25px;background:#fafcf8;border-top:1px solid var(--line);margin-top:20px}.form-error{font-size:11px;color:var(--red);padding:0 25px;margin:10px 0;white-space:pre-line}#toast{display:none;position:fixed;bottom:25px;right:25px;background:#1b5137;color:white;padding:15px 20px;border-radius:8px;z-index:100;max-width:560px;box-shadow:0 5px 35px #143c2422;font-size:12px;overflow-wrap:anywhere;white-space:pre-line}.alert{padding:13px 16px;font-size:12px;border-radius:7px;margin:20px 0}.error{background:#fff0eb;color:#ac5e4e}.skip{position:fixed;top:-100px;z-index:1000;background:white;padding:12px}.skip:focus{top:8px}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:0;max-width:none}.login-story{padding:48px 60px;display:flex;flex-direction:column;background:#174c38;color:white;position:relative;overflow:hidden}.login-story:after{content:'';position:absolute;width:500px;height:500px;border:1px solid #ffffff0b;border-radius:50%;bottom:-320px;right:-150px;box-shadow:0 0 0 65px #ffffff03,0 0 0 130px #ffffff02}.login-story .brand small{color:#9bb9a8}.login-story .brand-mark{background:#3b7857}.story-content{margin:auto 0;padding:70px 0}.story-content .eyebrow{color:#98bda2}.story-content h1{font-size:48px;line-height:1.25;letter-spacing:-2px}.story-content h1 em{font-style:normal;color:#a8d3a6}.story-content>p{max-width:340px;font-size:14px;color:#a8c2ae;line-height:1.9}.story-card{display:flex;gap:15px;border-top:1px solid #ffffff18;padding-top:30px;margin-top:40px}.story-card strong{font-size:12px}.story-card p{font-size:11px;color:#99b8a3;line-height:1.8;max-width:250px;margin:8px 0}.story-card-icon{width:34px;height:34px;border-radius:8px;background:#ffffff0e;display:grid;place-items:center;color:#a4d5a5}.login-story>small{color:#89a991;font-size:10px}.login-form-wrap{display:grid;place-items:center;background:#fff;padding:45px}.login-form{width:100%;max-width:355px}.login-form h2{font-size:25px;line-height:1.5;margin-bottom:10px}.login-form>.muted{font-size:12px;margin-bottom:30px}.login-form input{padding:14px}.login-form label{margin:22px 0}.full{width:100%;font-size:12px;justify-content:space-between;padding:14px 17px}.login-support{font-size:10px;color:#97a48e;text-align:center;margin-top:25px;line-height:1.9}.login-secure{text-align:center;font-size:9px;color:#a2b09a;border-top:1px solid var(--line);padding-top:25px;margin-top:42px}.nowrap{white-space:nowrap}.actions-cell{display:flex;gap:6px}.actions-cell .button{padding:6px 9px;min-height:28px;font-size:9px}.mono{font-family:ui-monospace,monospace;font-size:10px}.invoice-paper{max-width:900px;margin:auto}.invoice-title{display:flex;justify-content:space-between;padding:30px;border-bottom:1px solid var(--line)}.invoice-summary{display:flex;justify-content:space-between;padding:30px}.invoice-totals{margin-left:auto;width:300px;padding:25px 30px}.invoice-totals div{display:flex;justify-content:space-between;padding:9px 0;font-size:12px}.invoice-totals .grand{border-top:1px solid var(--line);font-weight:700;font-size:17px;margin-top:8px}.success-panel{text-align:center;padding:35px}.success-panel .success-icon{font-size:32px;color:var(--green);margin-bottom:15px}.checkout-summary{padding:18px;background:var(--bg);border-radius:8px;display:flex;justify-content:space-between;font-size:12px}.checkout-summary strong{font-size:18px}.permission-note{font-size:11px;color:var(--muted);padding:10px 0}.audit-detail{max-width:300px;overflow:hidden;text-overflow:ellipsis}
@media(min-width:1600px){main{padding-top:42px}.metrics{gap:22px}.chart-area{height:260px}.health-visual{justify-content:center;margin:26px 0 35px}}
@media(max-width:1200px){.sidebar{width:220px;padding-inline:15px}.app-frame{margin-left:220px}.topbar{padding-inline:25px}main{padding:27px 25px}.metric{padding:15px}.metric-value{font-size:22px}.health-visual{gap:15px}.donut{width:110px;height:110px}.donut:before{inset:13px}.dashboard-grid,.section-row{grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr)}th,td{padding-inline:15px}.profile{margin-inline:-15px;padding-inline:15px}.product-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1000px){.sidebar{width:195px}.app-frame{margin-left:195px}.brand{font-size:13px}.brand small{font-size:8px;letter-spacing:1.4px}.workspace{padding:10px 6px;font-size:10px}.workspace small{font-size:8px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.section-row{grid-template-columns:1fr}.health-visual{justify-content:start}.health .legend{max-width:260px}.health-visual .donut{width:130px;height:130px}.health-note{margin-top:0}.page-heading{align-items:start}.heading-actions{flex-wrap:wrap;justify-content:end}.login-story{padding:40px}.story-content h1{font-size:40px}}
@media(max-width:700px){.sidebar{transform:translateX(-100%);width:248px;transition:transform .2s;box-shadow:15px 0 60px #173d1820}.sidebar.open{transform:translateX(0)}.app-frame{margin-left:0}.mobile-menu{display:grid}.topbar{height:62px;padding-inline:18px}.top-actions{gap:12px}.environment{font-size:9px}main{padding:24px 17px}.page-heading{gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:24px}.heading-actions{justify-content:start;width:100%}.metrics{gap:12px;margin-bottom:15px}.metric{padding:15px 12px}.metric-value{font-size:23px}.metric-label{font-size:10px}.metric-foot{font-size:8px}.metric-icon{width:25px;height:25px}.card-head{padding:18px}.toolbar{flex-wrap:wrap;padding:15px}.search{width:100%}.filters{width:100%}.filters select{flex:1}.product-grid,.details-grid{grid-template-columns:1fr}.card{border-radius:8px}.login-layout{grid-template-columns:1fr}.login-story{padding:27px}.login-story .story-content,.login-story>small{display:none}.login-form-wrap{padding:40px 25px;align-items:start}.login-form h2{font-size:23px}.brand{font-size:15px}.login-layout{min-height:100vh;grid-template-rows:auto 1fr}.chart-area{margin-inline:16px;height:195px}.bars{gap:8px}footer{padding:18px;font-size:8px}footer span{max-width:150px;text-align:right}.invoice-title,.invoice-summary{padding:20px;gap:15px}.invoice-title .brand{font-size:11px}.invoice-title .brand small{font-size:7px}.invoice-totals{width:100%}.invoice-summary{font-size:11px}#toast{left:15px;right:15px;bottom:15px}.date-chip{display:none}}
@media print{.sidebar,.topbar,footer,.heading-actions,.toolbar,.actions-cell,#toast{display:none!important}.app-frame{margin:0}main{padding:0}.card{border:0}.invoice-paper{max-width:none}body{background:white}}