@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap");:root{--ink:#1d2c2b;--muted:#7c8987;--green:#167766;--line:#e8eeeb;--bg:#f6f8f7;--font:"DM Sans",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--bg);font-family:var(--font);font-size:14px}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{transition:background .16s,color .16s,box-shadow .16s}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}a{color:var(--green)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:"Manrope",var(--font)}a svg,button svg{flex-shrink:0}button{border:0}input,select,textarea{width:100%;border:1px solid #dce5e0;border-radius:8px;padding:11px 12px;background:#fff;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #16776610}label{display:flex;flex-direction:column;gap:8px;font-weight:550;margin-bottom:19px}small{color:var(--muted);font-size:12px;font-weight:400}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 16px;font-weight:600;border-radius:8px}.primary{background:var(--green);color:#fff;box-shadow:0 3px 5px #1677660d}.primary:hover{background:#105d50}.secondary{background:#fff;color:#4d625d;border:1px solid #dfe7e2}.secondary:hover{background:#f1f6f3}.wide{width:100%;margin-top:8px}.icon-button{background:transparent;color:#7c8987;display:grid;place-items:center;padding:8px;border-radius:7px}.icon-button:hover{background:#edf3ef}.green{color:var(--green)}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700}.brand{display:flex;align-items:center;gap:11px;font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1px}.brand-light{font-weight:500;color:#7a8c85;margin-left:5px}.logo-mark{height:35px;width:35px;display:grid;place-items:center;background:var(--green);color:white;font-size:24px;font-style:italic;font-weight:800;border-radius:10px;letter-spacing:-2px;padding-right:3px}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:white;border-right:1px solid var(--line);position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;z-index:30}.sidebar>.brand{margin:27px 25px 26px}.workspace{display:flex;align-items:center;gap:11px;border:1px solid var(--line);border-radius:9px;padding:12px;margin:0 17px 17px;color:#4f6c60}.workspace strong{display:block;font-size:12px;color:#33483e}.workspace small{display:block;font-size:10px;margin-top:3px}.workspace-dot{height:6px;width:6px;background:#3da582;border-radius:50%;margin-left:auto}.sidebar nav{overflow:auto;padding:0 13px 20px;scrollbar-width:thin;flex:1 1}.nav-label{font-size:9px;letter-spacing:1.5px;color:#99a69e;padding:17px 13px 10px;font-weight:700}.nav-item{display:flex;align-items:center;width:100%;gap:11px;background:transparent;border-radius:7px;color:#6d7c75;padding:10px 12px;margin:2px 0;text-align:left;font-size:12px;font-weight:500}.nav-item:hover{background:#f4f7f5}.nav-item.active{background:#e9f3ed;color:#167766;font-weight:650}.nav-dot{height:5px;width:5px;border-radius:50%;background:var(--green);margin-left:auto}.sidebar-footer{border-top:1px solid var(--line);padding:18px 16px;display:flex;gap:10px;align-items:center}.sidebar-footer strong{display:block;font-size:12px;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer small{display:block;font-size:9px;margin-top:4px;text-transform:capitalize}.sidebar-footer button{background:transparent;color:#819088;margin-left:auto;padding:4px}.avatar{display:grid;place-items:center;height:35px;width:35px;flex-shrink:0;border-radius:50%;background:#e7eee6;color:#546e54;font-size:11px;font-weight:700}.avatar.small{height:30px;width:30px}.main-shell{margin-left:246px;width:calc(100% - 246px)}.topbar{height:72px;background:#ffffffd9;border-bottom:1px solid var(--line);justify-content:space-between;padding:0 36px}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:12px;color:#99a39c;font-size:11px}.breadcrumb strong{font-weight:500;color:#42534a}.topbar-right{display:flex;align-items:center;gap:18px}.dev-tag{font-size:8px;letter-spacing:1.4px;background:#f4f0e5;color:#97804e;padding:5px 9px;border-radius:5px;font-weight:600}.content{padding:31px 36px 0;max-width:1580px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:20px}.page-heading .eyebrow{color:#98a79d;font-size:8px;letter-spacing:1.8px;margin-bottom:7px}.page-heading h1{font-size:26px;letter-spacing:-.9px;font-weight:750}.page-heading p{font-size:12px;color:#829087;margin-top:8px;line-height:1.6}.date-chip{display:inline-flex;border:1px solid #e2e8e3;background:white;padding:10px 12px;border-radius:7px;font-size:10px;white-space:nowrap;color:#718077}.welcome-banner{background:#174b40;border-radius:13px;position:relative;overflow:hidden;color:#fff;min-height:226px;display:flex;align-items:center;justify-content:space-between;padding:33px 35px;margin-bottom:23px}.welcome-banner .eyebrow{font-size:8px;color:#aad0bc;letter-spacing:1.6px}.welcome-banner h2{font-size:27px;line-height:1.4;font-weight:600;letter-spacing:-.5px;margin:13px 0 10px}.welcome-banner p{font-size:11px;color:#b6ccc2}.banner-graphic{height:220px;width:350px;position:absolute;right:25px;top:2px}.orbit{position:absolute;border:1px solid #72b49c28;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.o1{width:120px;height:120px}.o2{width:200px;height:200px}.o3{width:300px;height:300px}.graphic-center{height:87px;width:87px;border:1px solid #ffffff29;background:#ffffff08;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);place-items:center;border-radius:22px;color:#b9dbc8;box-shadow:0 10px 30px #092d2520}.graphic-center,.graphic-node{position:absolute;display:grid}.graphic-node{width:41px;height:41px;border:1px solid #b3ddc52c;background:#2c5f50;border-radius:11px;place-items:center;color:#a7ceb9}.n1{left:57px;top:45px;transform:rotate(9deg)}.n2{right:51px;top:33px;transform:rotate(-7deg)}.n3{right:65px;bottom:17px;transform:rotate(9deg)}.panel{background:white;border:1px solid var(--line);border-radius:11px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:24px}.stat{padding:19px 19px 17px;min-height:140px}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11px;color:#78877d}.stat-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eff6ee;color:#4f8c6c}.stat-icon.blue{background:#edf4f9;color:#4b81aa}.stat-icon.violet{background:#f3eef9;color:#9878b2}.stat-icon.amber{background:#fcf5e9;color:#b69754}.stat-value{display:block;font-family:Manrope,sans-serif;font-size:25px;letter-spacing:-.8px;margin:9px 0;font-weight:750;white-space:nowrap}.stat small{font-size:9px}.dashboard-columns{display:grid;gap:23px;margin-bottom:23px}.dashboard-columns,.dashboard-columns.bottom{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr)}.panel-heading{padding:22px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h3{font-size:13px;font-weight:700;letter-spacing:-.1px}.panel-heading p{font-size:10px;color:#93a096;margin-top:6px}.text-button{display:flex;align-items:center;gap:4px;background:none;color:var(--green);font-size:10px;font-weight:600;white-space:nowrap}.soft-icon{background:#eff5ef;color:#678c70;border-radius:9px;width:35px;height:35px;display:grid;place-items:center}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 25px;min-height:220px}.empty-icon{height:54px;width:54px;display:grid;place-items:center;background:#f2f6f2;color:#88a48e;border-radius:15px;margin-bottom:17px}.empty h3{font-size:13px;font-weight:650;margin-bottom:7px}.empty p{color:#98a49a;font-size:11px;max-width:300px;line-height:1.7}.empty .secondary{font-size:10px;margin-top:18px;min-height:32px;padding:7px 12px}.flow{padding:9px 24px 0}.flow>div{display:flex;gap:15px;align-items:center;position:relative;padding-bottom:24px}.flow>div:not(:last-child):after{content:"";position:absolute;width:1px;background:#e4ece5;left:15px;top:33px;height:24px}.flow>div>span{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;border:1px solid #dbe9df;color:#648c70;background:#f8fbf8;font-size:10px;flex-shrink:0}.flow strong{font-size:11px;font-weight:550;display:block;margin-bottom:4px}.flow small,.flow-note{font-size:9px}.flow-note{display:flex;align-items:center;gap:8px;background:#f5f8f4;color:#82967f;border-top:1px solid #edf2ec;padding:13px 23px;border-radius:0 0 11px 11px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:6px 23px 23px}.quick-grid button{border:1px solid var(--line);border-radius:8px;background:white;display:flex;align-items:center;gap:12px;padding:17px 14px;color:#73917b;text-align:left}.quick-grid strong{font-size:10px;color:#56695b;font-weight:550;flex:1 1}.quick-grid button:hover{background:#f6faf6}.activity-list{padding:2px 24px 24px}.activity-list>div{display:flex;gap:10px;align-items:flex-start;padding:10px 0}.activity-dot{width:7px;height:7px;border:2px solid #d6e8d9;border-radius:50%;background:#79a685;margin-top:4px;flex-shrink:0}.activity-list strong{font-size:10px;font-weight:550;display:block}.activity-list small{font-size:8px;display:block;margin-top:4px}.small-text{font-size:11px;line-height:1.7}.partner-row{display:flex;align-items:center;gap:12px;border-top:1px solid #f1f4f1;padding:15px 23px}.partner-avatar{width:34px;height:34px;border-radius:9px;background:#f0f5ee;display:grid;place-items:center;font-size:10px;color:#789470;font-weight:700}.partner-name{flex:1 1}.partner-name strong{display:block;font-size:11px}.partner-name small{display:block;font-size:9px;margin-top:4px}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:5px 8px;background:#f1f3f1;color:#879487;font-size:9px;white-space:nowrap;font-weight:550}.badge i{height:4px;width:4px;border-radius:50%;background:currentColor}.badge.active,.badge.paid_to_partner,.badge.resolved,.badge.signed_verified,.badge.verified{background:#eaf5eb;color:#5b9067}.badge.activation_requested,.badge.pending,.badge.reported,.badge.submitted,.badge.under_review{background:#faf3e6;color:#ad8b4c}.badge.approved,.badge.in_progress,.badge.issued{background:#eaf2fa;color:#628bad}.badge.critical,.badge.rejected,.badge.suspended{background:#fbeeee;color:#b26a6a}.badge.high{background:#fbf0e8;color:#bf8a60}.badge.normal{background:#edf3fa;color:#7198b6}.table-toolbar{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line)}.table-toolbar>div:first-child{display:flex;align-items:center;gap:10px}.table-toolbar h3{font-size:13px}.count-chip{background:#f1f5f1;padding:4px 7px;border-radius:5px;color:#93a08f;font-size:9px}.search-box{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 10px;gap:8px;color:#a3afa3}.search-box input{border:0;padding:9px 0;width:175px;font-size:10px}.search-box input:focus{box-shadow:none}.table-panel,.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafcf9;color:#8d9e8e;font-size:9px;font-weight:600;white-space:nowrap;padding:14px 20px;border-bottom:1px solid var(--line)}td{border-bottom:1px solid #f0f4ef;padding:16px 20px;color:#6a7e6c;font-size:11px;max-width:260px;overflow-wrap:anywhere}.strong-cell{color:#465c47;font-weight:550}.id-text{font:10px monospace;color:#96a395}.row-actions{display:flex;align-items:center;gap:8px}.row-actions a,.row-actions button{font-size:9px;white-space:nowrap;background:#f0f6ef;color:#6a8e69;border:1px solid #e2ebe0;padding:6px 8px;border-radius:5px;text-decoration:none}.row-actions button:hover{background:#e4efdf}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:16px 22px;font-size:10px;color:#8d9d89}.table-footer>div{display:flex;gap:8px}.table-footer .secondary{font-size:10px;padding:6px 10px;min-height:30px}.page-footer{padding:27px 1px 22px;display:flex;justify-content:space-between;color:#a4b0a1;font-size:9px;gap:15px}.info-box{background:#f0f5ee;border:1px solid #e0eade;color:#7c9276;font-size:12px;line-height:1.8;border-radius:9px;padding:16px 19px;margin-bottom:22px;display:flex;gap:10px;align-items:center}.info-box svg{flex-shrink:0}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.integration-card{padding:25px}.integration-card h3{font-size:14px;margin:18px 0 8px}.integration-card p{font-size:11px;color:#96a18f;line-height:1.7;margin-bottom:24px}.setup-panel{padding:58px 40px;max-width:780px;margin:auto;text-align:center}.setup-icon{display:grid;place-items:center;height:70px;width:70px;background:#edf5e9;color:#80a472;border-radius:18px;margin:0 auto 24px}.setup-panel h2{font-size:25px;margin:15px 0}.setup-panel>p{color:#89967f;font-size:13px;line-height:1.9;margin:0 auto 24px;max-width:570px}.setup-panel .info-box{text-align:left}.error{background:#fef0ee;color:#b25f54;border:1px solid #f4dcd7;border-radius:8px;padding:13px 15px;font-size:12px;line-height:1.7;margin:12px 0 20px}.toast{bottom:24px;left:50%;transform:translateX(-50%);z-index:70;gap:10px;background:#174b40;color:#fff;padding:14px 22px;border-radius:10px;box-shadow:0 5px 25px #172d2425;font-size:13px}.modal-backdrop,.toast{position:fixed;display:flex;align-items:center}.modal-backdrop{inset:0;z-index:60;background:#162c245c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);justify-content:center;padding:22px}.modal{background:white;border-radius:15px;width:590px;max-width:100%;max-height:90vh;overflow:auto;padding:28px 30px;box-shadow:0 20px 80px #13271e30}.modal-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.modal-heading .eyebrow{font-size:9px}.modal-heading h2{font-size:22px;margin-top:7px}.modal label{font-size:12px}.modal .checkbox-label{display:flex;flex-direction:row;align-items:flex-start;font-size:11px;line-height:1.7}.checkbox-label input{width:auto;margin:4px 5px 0 0}.modal-footer{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:20px;margin-top:24px}.invoice-preview>h2{font-size:20px;margin-bottom:12px}.invoice-preview>p{font-size:12px;color:#89967e;margin-bottom:15px}.invoice-meta{align-items:center}.invoice-item,.invoice-meta{display:flex;justify-content:space-between;margin:25px 0}.invoice-item{gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.login-shell{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.login-story{background:#174b40;color:white;display:flex;flex-direction:column;justify-content:space-between;padding:50px 60px;position:relative;overflow:hidden}.login-story:after{content:"";border:1px solid #ffffff09;border-radius:50%;height:700px;width:700px;position:absolute;bottom:-430px;right:-280px;box-shadow:0 0 0 80px #ffffff04,0 0 0 160px #ffffff03;pointer-events:none}.login-story .brand-light{color:#b5cebe}.login-story .logo-mark{background:#ffffff15}.login-story h1{font-size:clamp(36px,3.6vw,57px);font-weight:500;line-height:1.25;letter-spacing:-1.5px;margin:23px 0}.login-story h1 em{font-style:normal;color:#a6c5a8}.login-story .eyebrow{font-size:8px;color:#a3c1ad}.login-story p{font-size:13px;line-height:1.9;color:#a9c2b0;max-width:350px}.login-pills{display:flex;gap:20px;margin-top:32px;color:#a5c5af;font-size:9px}.login-pills span{display:flex;align-items:center;gap:7px}.login-story footer{font-size:9px;color:#8bab95}.login-main{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:350px}.login-card .eyebrow{font-size:8px}.login-card h2{font-size:28px;letter-spacing:-1px;margin:13px 0}.login-card>p{font-size:12px;color:#8a9883;margin-bottom:32px;line-height:1.7}.login-card label{font-size:11px;margin-bottom:21px}.login-card .primary,.login-card input{padding:13px;font-size:12px}.login-card .primary{justify-content:space-between}.login-note{margin-top:27px;padding-top:24px;border-top:1px solid #e4eae0;display:flex;align-items:center;justify-content:center;gap:8px;color:#98a38e;font-size:10px}.stage-note{margin-top:36px;text-align:center;color:#acb5a2;font-size:9px}.loading-screen,.password-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.loading-screen p{font-size:12px;color:#889b7f}.password-card{width:430px;max-width:90%;padding:35px}.password-card h2{margin:18px 0 10px;font-size:24px}.password-card>p{font-size:12px;color:#849376;margin-bottom:25px}.password-card label{font-size:12px}.mobile-toggle,.scrim{display:none}@media(min-width:1500px){.content{padding-top:38px}.welcome-banner{min-height:250px}.welcome-banner h2{font-size:32px}.stat-value{font-size:30px}}@media(max-width:1150px){.sidebar{width:216px}.main-shell{margin-left:216px;width:calc(100% - 216px)}.content{padding:28px 25px 0}.topbar{padding:0 25px}.stats-grid{gap:12px}.stat{padding:16px 13px}.stat-value{font-size:21px}.banner-graphic{right:-20px;opacity:.65}.welcome-banner>div:first-child{z-index:1}.integration-grid{grid-template-columns:1fr 1fr}.dashboard-columns{gap:15px}.panel-heading{padding:19px 18px}.table-toolbar>div:first-child{display:block}.count-chip{display:inline-block;margin-top:6px}}@media(max-width:900px){.sidebar{width:210px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.stats-grid{grid-template-columns:1fr 1fr}.dashboard-columns,.dashboard-columns.bottom{grid-template-columns:1fr}.welcome-banner{padding:28px}.welcome-banner h2{font-size:24px}.banner-graphic{right:-100px;opacity:.4}.heading-side .date-chip{display:none}.login-story{padding:40px 32px}.login-pills{flex-direction:column;gap:12px}.page-heading h1{font-size:23px}}@media(max-width:680px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:246px}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-toggle,.scrim{display:block}.scrim{position:fixed;inset:0;background:#1b2f2355;z-index:25}.topbar{height:60px;padding:0 16px;gap:12px}.breadcrumb{margin-right:auto;font-size:9px;gap:6px}.topbar-right{gap:6px}.dev-tag{font-size:6px;letter-spacing:.6px}.content{padding:25px 17px 0}.page-heading{margin-bottom:22px;align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:11px;max-width:260px}.heading-side .primary{font-size:10px;padding:8px 10px;min-height:35px;white-space:nowrap}.welcome-banner{min-height:215px;padding:25px}.welcome-banner h2{font-size:24px}.welcome-banner p{font-size:10px;max-width:230px;line-height:1.8}.welcome-banner .eyebrow{font-size:7px}.banner-graphic{right:-160px;opacity:.28}.stats-grid{gap:10px}.stat-value{font-size:23px}.stat-top{font-size:10px}.stat small{font-size:8px}.stat{min-height:132px}.table-toolbar{padding:16px;align-items:flex-start;flex-direction:column}.search-box,.search-box input{width:100%}.page-footer{font-size:7px}.integration-grid,.login-shell{grid-template-columns:1fr}.login-story{padding:24px;min-height:auto}.login-story footer,.login-story>div:nth-child(2){display:none}.login-main{padding:40px 25px}.login-story .brand{font-size:22px}.modal{padding:23px 20px}.modal-backdrop{padding:12px}.modal-heading h2{font-size:20px}.setup-panel{padding:38px 22px}.quick-grid button{padding:14px 12px}.count-chip{font-size:8px}.table-footer{padding:15px;font-size:9px}}