@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}:root{color:#14271f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;letter-spacing:0;background:#f6f7f3;font-family:Manrope,sans-serif}*,:before,:after{box-sizing:border-box}body{background:#f6f7f3;min-width:320px}#root{text-align:left;border:0;width:auto;max-width:none;min-height:100vh;margin:0;display:block}button,input{font:inherit}.login-shell{background:#f6f7f3;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{background:#fff;border-radius:16px;width:100%;max-width:380px;padding:32px 28px;box-shadow:0 10px 30px #173d2d14}.login-brand{align-items:center;gap:12px;margin-bottom:28px;display:flex}.login-brand .brand-mark{color:#fff;background:#173d2d;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.login-brand strong{color:#173d2d;font-size:17px;display:block}.login-brand small{letter-spacing:.06em;color:#6b7280;font-size:11px;display:block}.login-form h1{color:#111827;margin:0 0 6px;font-size:22px}.login-subtitle{color:#6b7280;margin:0 0 22px;font-size:14px}.login-field{color:#374151;flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.login-field input{letter-spacing:.02em;border:1px solid #e5e7eb;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:15px}.login-field input:focus{border-color:#16a34a;outline:none;box-shadow:0 0 0 3px #22c55e26}.login-error{color:#ef4444;margin:0 0 16px;font-size:13px}.login-button{color:#fff;cursor:pointer;background:#16a34a;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 16px;font-size:15px;font-weight:600;transition:background .15s;display:flex}.login-button:hover:not(:disabled){background:#15803d}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-actions-row{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.link-button{color:#16a34a;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:500}.link-button:disabled{color:#9ca3af;cursor:not-allowed}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}.app-shell{background:#f6f7f3;min-height:100vh;display:flex}.sidebar{color:#d7e4db;background:#173d2d;flex-direction:column;flex:0 0 256px;width:256px;min-height:100vh;padding:24px 16px 18px;display:flex}.brand{color:#fff;align-items:center;gap:10px;padding:3px 10px 29px;line-height:1.05;display:flex}.brand-mark{color:#173d2d;background:#e5ef48;border-radius:8px;place-items:center;width:35px;height:35px;display:grid}.brand strong{font-size:18px;display:block}.brand small{color:#9ab3a5;letter-spacing:1.3px;margin-top:4px;font:500 8px DM Mono,monospace;display:block}.mobile-close,.menu-button{display:none}.sidebar nav{gap:6px;display:grid}.nav-link,.support-link{color:#bdd0c3;border-radius:6px;align-items:center;gap:13px;padding:12px 13px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.nav-link:hover{color:#fff;background:#214d39}.nav-link.active{color:#fff;background:#2a5a43}.nav-count{color:#173d2d;background:#e5ef48;border-radius:10px;margin-left:auto;padding:2px 7px;font:500 11px DM Mono,monospace}.sidebar-footer{margin-top:auto}.support-link{margin-bottom:14px}.user-card{border-top:1px solid #345a49;align-items:center;gap:10px;padding:18px 4px 0;display:flex}.avatar{color:#173d2d;background:#c8d8cb;border-radius:50%;flex:0 0 33px;place-items:center;width:33px;height:33px;font:500 11px DM Mono,monospace;display:grid}.user-card div:nth-child(2){flex:1;min-width:0}.user-card strong,.user-card span{display:block}.user-card strong{color:#fff;font-size:12px}.user-card span{color:#9ab3a5;margin-top:2px;font-size:10px}.nav-link,.support-link{text-align:left;cursor:pointer;border:0;width:100%;font-family:inherit}.main-content{flex:1;min-width:0;max-width:1480px;margin:0 auto;padding:0 4.5vw 44px}.topbar{border-bottom:1px solid #dde4da;justify-content:space-between;align-items:center;height:82px;display:flex}.breadcrumb{color:#7a8b80;gap:9px;font-size:13px;display:flex}.breadcrumb b{color:#b5c1b8}.breadcrumb strong{color:#31503e}.topbar-actions{align-items:center;gap:18px;display:flex}.search-box{color:#7e9184;border-bottom:1px solid #bdc9c0;align-items:center;gap:8px;width:197px;padding-bottom:6px;display:flex}.search-box input{color:#253d30;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-box input::placeholder{color:#87978d}.icon-button{color:inherit;background:0 0;border:0;place-items:center;padding:0;display:inline-grid}.notification-button{color:#274734;position:relative}.notification-button i{background:#e5ef48;border:1px solid #f6f7f3;border-radius:50%;width:7px;height:7px;position:absolute;top:0;right:-2px}.module-screen{padding-top:32px}.module-screen-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.module-screen-heading h1{color:#173d2d;margin:0;font-size:30px;font-weight:800}.module-screen .module-header{margin-bottom:18px}.page-heading{justify-content:space-between;align-items:end;gap:24px;padding:46px 0 34px;display:flex}.eyebrow{color:#718479;letter-spacing:1.1px;margin:0 0 7px;font:500 10px DM Mono,monospace}.page-heading h1,h2{letter-spacing:0;margin:0}.page-heading h1{color:#173d2d;font-size:30px;font-weight:800}.subtitle{color:#6d8175;margin:7px 0 0;font-size:13px}.report-button{color:#183d2e;background:#e5ef48;border:0;border-radius:5px;padding:11px 15px;font-size:12px;font-weight:800;box-shadow:0 3px #b6be3c}.report-button:hover{background:#eef85c}.metrics-grid{grid-template-columns:1.45fr 1fr 1fr;gap:18px;display:grid}.metric-card,.panel{background:#fff;border:1px solid #e2e8df;border-radius:7px}.metric-card{min-height:223px;padding:20px;overflow:hidden}.metric-header{color:#6a7e70;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.period-button{color:#526a5b;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:flex}.metric-symbol{color:#436e56}.leaf{background:#e9f1e7;border-radius:50%;place-items:center;width:24px;height:24px;font:700 11px DM Mono,monospace;display:grid}.metric-value{color:#173d2d;letter-spacing:-1px;margin-top:19px;font-size:28px;display:block}.metric-value em{letter-spacing:0;font-size:13px;font-style:normal}.trend{margin:5px 0 0;font:500 10px DM Mono,monospace}.trend.positive{color:#55916c}.trend span{color:#829187}.energy-chart{border-bottom:1px solid #eef1ec;align-items:end;gap:5px;height:70px;padding-top:10px;display:flex}.energy-chart span{background:#b3cba8;border-radius:2px 2px 0 0;flex:1;min-width:5px}.energy-chart span:nth-child(4n),.energy-chart span:nth-child(6n){background:#3b7355}.chart-labels{color:#a1ada5;justify-content:space-between;padding-top:7px;font:500 9px DM Mono,monospace;display:flex}.capacity-visual{grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:22px;display:grid}.capacity-visual>span{color:#274c39;font:700 24px DM Mono,monospace}.capacity-visual small{color:#8b9a90;grid-column:1/-1;font-size:10px}.capacity-bars{align-items:end;gap:3px;height:30px;display:flex}.capacity-bars i{background:#558969;border-radius:1px;flex:1;min-width:3px;height:70%}.capacity-bars i:nth-child(2n){height:94%}.capacity-bars i.muted{background:#dfe8dc}.savings-visual{align-items:center;gap:13px;margin-top:18px;display:flex}.ring{aspect-ratio:1;text-align:center;border:6px solid #5e9569;border-color:#5e9569 #97be7c #e1edcf #e1edcf;border-radius:50%;place-content:center;width:64px;display:grid}.ring strong,.ring span{display:block}.ring strong{color:#254a37;font:500 17px DM Mono,monospace}.ring span{color:#77907d;font-size:8px}.savings-visual p{color:#718378;margin:0;font-size:10px;line-height:1.5}.content-grid{grid-template-columns:1.65fr 1fr;gap:18px;margin-top:18px;display:grid}.panel{padding:21px}.panel-heading{justify-content:space-between;align-items:start;gap:10px;display:flex}.panel-heading h2{color:#1b402f;font-size:17px;font-weight:800}.panel-heading a,.text-button{color:#4a805e;background:0 0;border:0;font-size:11px;font-weight:800;text-decoration:none}.project-list{margin-top:17px}.project-row{border-top:1px solid #edf0eb;grid-template-columns:auto minmax(135px,1.5fr) minmax(82px,.8fr) minmax(66px,.6fr) auto;align-items:center;gap:13px;padding:14px 1px;display:grid}.status-dot{border-radius:50%;width:8px;height:8px}.status-dot.good{background:#61a176;box-shadow:0 0 0 4px #eaf3ea}.status-dot.watch{background:#dba447;box-shadow:0 0 0 4px #fbf3e4}.project-name strong,.project-name span,.project-detail span,.project-detail strong,.project-output span,.project-output strong{display:block}.project-name strong{color:#274432;font-size:12px}.project-name span,.project-detail span,.project-output span{color:#8c9a91;margin-top:3px;font-size:10px}.project-detail strong,.project-output strong{color:#486554;font:500 11px DM Mono,monospace}.project-output{position:relative}.project-output i{background:#77a787;border-radius:1px;width:78%;height:3px;margin-top:5px;display:block}.project-output i.watch{background:#d8a54d;width:55%}.row-menu{color:#85978a}.alert-list{gap:11px;margin-top:17px;display:grid}.alert-item{border-radius:5px;gap:10px;padding:11px;display:flex}.alert-item.warning{background:#fbf5e8}.alert-item.neutral{background:#eef5ef}.alert-icon{border-radius:50%;flex:0 0 20px;place-items:center;height:20px;font:700 12px DM Mono,monospace;display:grid}.warning .alert-icon{color:#835f18;background:#f0d9a4}.neutral .alert-icon{color:#397346;background:#cce2cc}.alert-item strong{color:#304c3b;font-size:11px}.alert-item p{color:#74867a;margin:4px 0 7px;font-size:10px;line-height:1.45}.alert-item button{color:#497e5b;background:0 0;border:0;padding:0;font-size:10px;font-weight:800}.backdrop{display:none}@media (width<=980px){.sidebar{z-index:3;transition:transform .2s;position:fixed;transform:translate(-100%);box-shadow:8px 0 30px #122d2133}.sidebar-open{transform:translate(0)}.backdrop{z-index:2;background:#102a1d88;border:0;display:block;position:fixed;inset:0}.mobile-close{color:#d3e0d6;margin-left:auto;display:inline-grid}.menu-button{color:#315541;margin-right:14px;display:inline-grid}.topbar{justify-content:flex-start}.topbar-actions{margin-left:auto}.main-content{padding-inline:28px}.metrics-grid{grid-template-columns:1.25fr 1fr}.energy-card{grid-row:span 2}.content-grid{grid-template-columns:1fr}}@media (width<=620px){.main-content{padding:0 16px 28px}.topbar{height:68px}.breadcrumb{font-size:11px}.search-box{display:none}.page-heading{flex-direction:column;align-items:start;padding:30px 0 25px}.page-heading h1{font-size:25px}.report-button{width:100%}.metrics-grid{grid-template-columns:1fr;gap:12px}.energy-card{grid-row:auto}.metric-card{min-height:190px}.content-grid{gap:12px;margin-top:12px}.panel{padding:17px}.project-row{grid-template-columns:auto 1fr auto;gap:9px}.project-detail{display:none}.project-output{grid-area:2/2}.row-menu{grid-area:1/3/span 2}.project-name span{display:none}.alert-item{padding:10px}}.module-screen{max-width:1380px;margin:0 auto}.module-screen>.module-screen-heading{padding:16px 0 0}.module-screen .module-screen-heading+*{margin-top:0}.leads-container,.customers-container,.projects-container,.referrals-container,.payouts-container,.installations-container,.quotations-container,.payments-container,.quotation-detail-container,.referral-detail-container,.payout-detail-container,.installation-detail-container,.project-detail-container,.reconciliation-container,.capture-form-container,.payment-form-container{color:#203b2d;box-shadow:none;background:0 0;border-radius:0;padding:0}.module-screen .module-header{background:#ffffffe0;border:1px solid #e2e9e1;border-radius:14px;margin-bottom:16px;padding:20px 22px;box-shadow:0 8px 24px #2249340d}.module-screen .module-header h1{color:#173d2d;font-size:20px}.filter-bar{background:#fff;border:1px solid #e2e9e1;border-radius:12px;padding:13px;box-shadow:0 6px 18px #2249340a}.search-input,.filter-select,.form-input,.form-textarea{color:#244332;background:#fbfdfb;border-color:#d5e0d7;border-radius:8px}.search-input,.filter-select{min-height:40px}.search-input:focus,.filter-select:focus,.form-input:focus,.form-textarea:focus{border-color:#4c9967;box-shadow:0 0 0 3px #4c996724}.table-container{background:#fff;border:1px solid #e2e9e1;border-radius:12px;box-shadow:0 8px 24px #2249340d}.data-table{min-width:920px}.data-table th{color:#60776a;letter-spacing:.07em;text-transform:uppercase;background:#f5f9f4;border-bottom-color:#dfe9e0;padding:13px 15px;font-size:10px}.data-table td{color:#375344;border-bottom-color:#edf2ed;padding:14px 15px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .18s,transform .18s}.data-table tbody tr:hover{background:#f7fbf6}.module-screen .stats-grid{margin:0 0 16px}.module-screen .stat-card{border:1px solid #e2e9e1;border-left:4px solid #5a9a6c;min-height:108px;padding:18px;box-shadow:0 7px 20px #2249340d}.module-screen .stat-title,.module-screen .stat-subtitle{color:#718478;font-size:11px}.module-screen .stat-value{color:#173d2d;margin-top:5px;font-size:24px}.module-screen .status-badge{border:1px solid #325a4114;border-radius:999px;padding:5px 9px;font-size:10px}.module-screen .btn{min-height:38px;box-shadow:none;border-radius:8px}.module-screen .btn-primary{background:#2f744a}.module-screen .btn-primary:hover{background:#225e39}.module-screen .btn-secondary{color:#2e6542;background:#e8f1e8}.module-screen .btn-outline{color:#356848;background:#fff;border-color:#cbd9ce}.module-screen .btn-danger{background:#bd514d}.module-screen .btn-success{background:#2f8a57}.module-screen .btn-icon{color:#587365;border-radius:7px}.module-screen .btn-icon:hover{color:#225e39;background:#edf5ed}.module-screen .pagination{color:#76877c;justify-content:space-between;padding:2px 4px;font-size:11px}.module-screen .pagination-buttons{align-items:center;gap:6px;display:flex}.module-screen .pagination-buttons button,.module-screen .pagination-buttons span{color:#587365;text-align:center;background:#fff;border:1px solid #dce6dd;border-radius:7px;min-width:30px;padding:7px 9px}.module-screen .pagination-buttons .active{color:#fff;background:#2f744a;border-color:#2f744a}.module-screen .detail-section,.module-screen .card-style,.module-screen .pricing-section,.module-screen .chart-card{border-color:#e2e9e1;border-radius:12px;box-shadow:0 7px 20px #2249340d}.module-screen .detail-section h3,.module-screen .pricing-section h3,.module-screen .chart-card h3{color:#244c34;font-size:14px}.module-screen .detail-field{gap:18px}.module-screen .detail-field label{color:#789083;font-size:11px}.module-screen .detail-field span{text-align:right}.module-screen .workflow-stepper{background:#fff;border:1px solid #e2e9e1;border-radius:12px;margin:0 0 18px;padding:18px;box-shadow:0 7px 20px #2249340d}.module-screen .workflow-step .step-dot{background:#d8e3d9;border:3px solid #fff;width:13px;height:13px;box-shadow:0 0 0 1px #c5d5c8}.module-screen .workflow-step.completed .step-dot,.module-screen .workflow-step.active .step-dot{background:#3d8758;box-shadow:0 0 0 1px #3d8758}.module-screen .form-section{background:#fff;border:1px solid #e2e9e1;border-radius:12px;padding:20px;box-shadow:0 7px 20px #2249340d}.module-screen .form-actions,.module-screen .approval-buttons{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.module-screen .upload-area,.module-screen .map-placeholder{background:#f7fbf6;border:1px dashed #a9c3ad;border-radius:10px}.module-screen .upload-area{text-align:center;padding:30px 18px}.module-screen .badge-info,.module-screen .badge-method,.module-screen .serial-badge{color:#37664a;background:#eaf4ea;border-radius:999px;align-items:center;padding:5px 8px;font-size:10px;display:inline-flex}.module-screen .card-style.reward-card{background:linear-gradient(145deg,#fff,#f4faf3)}.module-screen .reward-amount-box{color:#fff;background:#2f744a;border-radius:10px;margin:14px 0;padding:18px}.module-screen .reward-amount-box .amount-label,.module-screen .reward-amount-box .amount-value{display:block}.module-screen .reward-amount-box .amount-value{margin-top:4px;font-size:28px;font-weight:800}.module-screen .evidence-gallery,.module-screen .assignments-list{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;display:grid}.module-screen .evidence-card,.module-screen .assignment-card,.module-screen .equipment-card,.module-screen .installation-card{background:#fbfdfb;border:1px solid #e2e9e1;border-radius:10px}.module-screen .evidence-card,.module-screen .installation-card{align-items:center;gap:10px;padding:12px;display:flex}.module-screen .evidence-info{flex:1;min-width:0}.module-screen .evidence-title,.module-screen .assignment-role,.module-screen .equipment-type{color:#2c573b;font-size:12px;font-weight:700}.module-screen .evidence-date,.module-screen .assignment-date{color:#84958a;font-size:10px}.prototype-chart{background:linear-gradient(0deg,#f4faf3 1px,#0000 1px) 0 0/100% 25%;border-bottom:1px solid #dfe9e0;align-items:end;gap:8px;height:150px;margin-top:18px;padding:12px;display:flex}.prototype-chart-bar{background:#4b9362;border-radius:5px 5px 0 0;flex:1;min-height:12px;transition:height .2s}.prototype-chart-bar:hover{background:#245f3c}.prototype-funnel{gap:8px;margin-top:18px;display:grid}.prototype-funnel-row{color:#315c40;background:#edf6ed;border-radius:7px;justify-content:space-between;padding:10px 12px;font-size:12px;display:flex}.prototype-activity-feed{gap:12px;margin-top:16px;display:grid}.prototype-activity{border-bottom:1px solid #edf2ed;align-items:flex-start;gap:10px;padding-bottom:12px;display:flex}.prototype-activity:last-child{border-bottom:0}.activity-dot{background:#4b9362;border-radius:50%;flex:0 0 8px;width:8px;height:8px;margin-top:5px}.prototype-activity strong,.prototype-activity small{display:block}.prototype-activity strong{color:#31553e;font-size:12px}.prototype-activity small{color:#84958a;margin-top:3px;font-size:10px}@media (width<=720px){.module-screen{padding-top:12px}.module-screen-heading{flex-direction:column;align-items:stretch}.module-screen-heading h1{font-size:25px}.module-screen .module-header{flex-direction:column;align-items:stretch}.module-screen .filter-bar{align-items:stretch}.module-screen .filter-bar .btn,.module-screen .filter-bar .filter-select,.module-screen .filter-bar .search-input{width:100%}.module-screen .pagination{flex-direction:column;align-items:flex-start}.module-screen .form-row,.module-screen .grid-2,.module-screen .two-column-layout{grid-template-columns:1fr}.module-screen .detail-field{flex-direction:column;align-items:flex-start;gap:4px}.module-screen .detail-field span{text-align:left}.module-screen .form-actions,.module-screen .approval-buttons{justify-content:stretch}.module-screen .form-actions .btn,.module-screen .approval-buttons .btn{flex:100%}}:root{--color-primary-50:#f0fdf4;--color-primary-100:#dcfce7;--color-primary-500:#22c55e;--color-primary-600:#16a34a;--color-primary-700:#15803d;--color-secondary-50:#eff6ff;--color-secondary-500:#3b82f6;--color-secondary-600:#2563eb;--color-success:#22c55e;--color-warning:#eab308;--color-error:#ef4444;--color-info:#06b6d4;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-500:#6b7280;--color-gray-700:#374151;--color-gray-900:#111827;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--font-size-xs:12px;--font-size-sm:14px;--font-size-base:16px;--font-size-lg:18px;--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a;--transition-fast:.15s ease-in-out;--transition-base:.2s ease-in-out;--transition-slow:.3s ease-in-out}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background-color:var(--color-gray-50);color:var(--color-gray-900);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5}.container{max-width:1400px;padding:0 var(--spacing-lg);margin:0 auto}.dashboard-container,.leads-container,.customers-container,.projects-container,.referrals-container,.payouts-container,.installations-container,.quotations-container,.payments-container{padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff}.module-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}html,body,#root{min-width:320px;min-height:100%}body{background:#f6f8f4;overflow-x:hidden}.app-shell{background:radial-gradient(circle at 82% 0,#e5ef481f,#0000 28rem),#f6f8f4;align-items:stretch;min-height:100vh}.sidebar{z-index:20;flex:0 0 256px;width:256px;height:100vh;min-height:640px;position:sticky;top:0;overflow-y:auto}.main-content{width:calc(100% - 256px);max-width:1560px;padding:0 clamp(20px,4vw,64px) 52px}.topbar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f6f8f4f0;position:sticky;top:0}.module-screen,.module-screen>*,.module-screen .two-column-layout,.module-screen .grid-2,.module-screen .content-grid,.module-screen .dashboard-grid{min-width:0}.module-screen .module-screen-heading{min-height:96px}.module-screen .module-screen-heading h1,.module-screen .detail-header h1,.module-screen .capture-form-container>h1,.module-screen .payment-form-container>h2{overflow-wrap:anywhere}.module-screen .grid-2,.module-screen .financial-grid,.module-screen .dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.module-screen .financial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.module-screen .financial-item,.module-screen .chart-card,.module-screen .pricing-section{min-width:0}.module-screen .financial-item{background:#fbfdfb;border:1px solid #e2e9e1;border-radius:10px;padding:18px}.module-screen .financial-item label,.module-screen .financial-item span{display:block}.module-screen .financial-item label{color:#789083;margin-bottom:8px;font-size:11px}.module-screen .financial-item span{color:#274c39;font-size:18px;font-weight:700}.module-screen .detail-header{flex-wrap:wrap;gap:16px;min-width:0;padding:20px 0}.module-screen .detail-header>div:first-child{min-width:0}.module-screen .header-actions{flex-wrap:wrap;justify-content:flex-end}.module-screen .two-column-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.module-screen .detail-column{min-width:0}.module-screen .table-container{width:100%;overflow:auto}.module-screen .data-table{min-width:900px}.module-screen .action-buttons{flex-wrap:nowrap;align-items:center}.module-screen .equipment-card{grid-template-columns:minmax(130px,.8fr) minmax(120px,1fr) auto;align-items:center;gap:12px;margin-bottom:10px;padding:14px;display:grid}.module-screen .equipment-serials{grid-column:1/-1}.module-screen .serials-list{flex-wrap:wrap;gap:6px;margin-top:7px;display:flex}.module-screen .timeline{gap:0;padding-left:18px;display:grid;position:relative}.module-screen .timeline:before{content:"";background:#cbdcca;width:1px;position:absolute;top:8px;bottom:8px;left:4px}.module-screen .timeline-entry{gap:10px;padding:9px 0;display:flex;position:relative}.module-screen .timeline-dot{background:#4b9362;border:2px solid #fff;border-radius:50%;width:9px;height:9px;position:absolute;top:14px;left:-18px;box-shadow:0 0 0 1px #4b9362}.module-screen .timeline-date,.module-screen .timeline-event{display:block}.module-screen .timeline-date{color:#84958a;font-size:10px}.module-screen .timeline-event{color:#31553e;font-size:12px;font-weight:700}@media (width<=1100px){.sidebar{flex-basis:224px;width:224px}.main-content{width:calc(100% - 224px)}.module-screen .financial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=980px){.sidebar{flex-basis:256px;width:256px;height:100vh;position:fixed;transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}.main-content{width:100%;padding-inline:28px}.module-screen .financial-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=720px){.main-content{padding-inline:16px}.topbar{height:68px}.module-screen .module-screen-heading{min-height:0;padding-top:18px}.module-screen .grid-2,.module-screen .financial-grid,.module-screen .dashboard-grid,.module-screen .two-column-layout{grid-template-columns:minmax(0,1fr)}.module-screen .detail-header,.module-screen .header-actions{flex-direction:column;align-items:stretch}.module-screen .header-actions .btn,.module-screen .header-actions .status-badge{text-align:center;justify-content:center;width:100%}.module-screen .equipment-card{grid-template-columns:minmax(0,1fr)}.module-screen .equipment-serials{grid-column:auto}}.materials-container{min-width:0}.module-helper{color:#789083;margin-top:5px;font-size:12px}.material-tabs{background:#edf5ed;border:1px solid #dce7dd;border-radius:10px;gap:4px;margin-bottom:18px;padding:4px;display:inline-flex}.material-tabs button{color:#658071;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:9px 15px;font-size:12px;font-weight:700;display:inline-flex}.material-tabs button.active{color:#214d33;background:#fff;box-shadow:0 2px 8px #2249341a}.material-tabs strong{color:#3d7050;text-align:center;background:#e5f0e5;border-radius:999px;min-width:22px;padding:2px 6px;font-size:10px}.material-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.material-stat{min-height:94px}.material-stat.stat-orange{border-left-color:#d89a43}.material-stat.stat-purple{border-left-color:#8b74ad}.material-table-wrap{margin-bottom:18px}.material-table{min-width:1050px}.material-serial{color:#29563b;letter-spacing:.02em;font-family:DM Mono,monospace;font-size:11px}.material-model strong,.material-model span{display:block}.material-model strong{color:#2f573d;font-size:12px}.material-model span{color:#819187;margin-top:3px;font-size:10px}.muted-value{color:#9aa89f;font-size:11px}.material-empty{text-align:center;color:#789083!important;padding:36px!important}.material-registration{margin-top:18px}.material-registration-heading{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.material-registration-heading h3{border-bottom:0;margin-bottom:0;padding-bottom:0}.material-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.material-form-grid label{color:#698073;gap:7px;font-size:11px;font-weight:700;display:grid}.material-form-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}@media (width<=900px){.material-stats,.material-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.material-tabs{width:100%;display:flex}.material-tabs button{flex:1;justify-content:center}.material-stats,.material-form-grid{grid-template-columns:minmax(0,1fr)}.material-registration-heading{flex-direction:column;align-items:stretch}.material-form-actions{flex-direction:column}.material-form-actions .btn{justify-content:center;width:100%}}.view-selector{background:#edf5ed;border-radius:10px;flex-wrap:wrap;gap:5px;padding:4px;display:flex}.view-btn{color:#658071;cursor:pointer;background:0 0;border:0;border-radius:7px;padding:9px 11px;font-size:11px;font-weight:700}.view-btn.active{color:#214d33;background:#fff;box-shadow:0 2px 8px #2249341a}.gateway-flow{min-width:0}.gateway-intro{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px;display:flex}.gateway-intro h2{color:#244c34;font-size:22px;font-weight:800}.gateway-intro p:not(.eyebrow){color:#789083;margin-top:6px;font-size:12px}.gateway-security{color:#39714d;white-space:nowrap;background:#eff8ef;border:1px solid #cfe1d1;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:700}.gateway-stepper{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:18px;display:grid}.gateway-step{color:#8a9b90;border-bottom:2px solid #dce7dd;align-items:center;gap:8px;padding:10px;font-size:10px;display:flex}.gateway-step span{background:#e5eee5;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.gateway-step.active,.gateway-step.done{color:#315c40;border-bottom-color:#4b9362}.gateway-step.active span,.gateway-step.done span{color:#fff;background:#3d8758}.gateway-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;gap:18px;display:grid}.gateway-card{background:#fff;border:1px solid #e2e9e1;border-radius:12px;min-width:0;padding:22px;box-shadow:0 7px 20px #2249340d}.gateway-card h3{color:#244c34;margin:0 0 15px;font-size:15px}.gateway-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gateway-form-grid label{color:#698073;gap:7px;font-size:11px;font-weight:700;display:grid}.gateway-invoice-summary{background:#f4faf3;border-radius:9px;gap:3px;margin:18px 0 22px;padding:14px;display:grid}.gateway-invoice-summary span{color:#315c40;font-size:13px;font-weight:800}.gateway-invoice-summary strong{color:#438157;font-size:12px}.gateway-invoice-summary small{color:#819187;font-size:10px}.gateway-method-title{margin-top:0!important}.gateway-methods{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gateway-method{color:#31553e;cursor:pointer;text-align:left;background:#fbfdfb;border:1px solid #dce7dd;border-radius:9px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;padding:13px;display:grid}.gateway-method:hover,.gateway-method.selected{background:#f1f8f1;border-color:#4b9362;box-shadow:0 0 0 2px #4b93621a}.gateway-method-icon{color:#fff;background:#3d8758;border-radius:8px;place-items:center;width:35px;height:35px;font:700 9px DM Mono,monospace;display:grid}.gateway-method strong,.gateway-method small{display:block}.gateway-method strong{font-size:12px}.gateway-method small{color:#84958a;margin-top:3px;font-size:9px;line-height:1.3}.gateway-method i{color:#fff;background:#fff;border:1px solid #cbdcca;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.gateway-method.selected i{background:#3d8758;border-color:#3d8758}.gateway-error{color:#b44945;margin:12px 0 0;font-size:11px;font-weight:700}.gateway-continue{justify-content:center;width:100%;margin-top:18px}.gateway-summary{background:linear-gradient(145deg,#fff,#f4faf3)}.gateway-summary>div,.gateway-receipt>div,.gateway-verification-list>div{border-bottom:1px solid #e6eee6;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.gateway-summary span,.gateway-receipt span,.gateway-verification-list span{color:#819187;font-size:11px}.gateway-summary strong,.gateway-receipt strong,.gateway-verification-list strong{color:#315c40;text-align:right;font-size:11px}.gateway-summary hr{border:0;border-top:1px solid #dce7dd}.gateway-summary .gateway-total strong{color:#2f744a;font-size:19px}.gateway-summary p{color:#789083;margin-top:18px;font-size:10px;line-height:1.5}.gateway-state{text-align:center;max-width:700px;margin:24px auto 0}.gateway-state-icon{color:#fff;background:#3d8758;border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 15px;font-size:25px;font-weight:800;display:grid}.gateway-state h2{color:#244c34;font-size:22px;font-weight:800}.gateway-state>p:not(.eyebrow){color:#789083;max-width:560px;margin:8px auto 18px;font-size:12px;line-height:1.6}.gateway-provider{background:#f7fbf6;border:1px dashed #a9c3ad;border-radius:10px;gap:4px;margin:18px 0;padding:16px;display:grid}.gateway-provider span,.gateway-provider small{color:#819187;font-size:10px}.gateway-provider strong{color:#315c40;font-size:15px}.gateway-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.gateway-verification-list,.gateway-receipt{text-align:left;margin:18px 0}.gateway-success-state .gateway-state-icon{background:#2f8a57}.gateway-failure-state .gateway-state-icon{background:#bd514d}@media (width<=900px){.gateway-layout{grid-template-columns:minmax(0,1fr)}}@media (width<=720px){.view-selector,.gateway-intro,.gateway-actions{flex-direction:column;align-items:stretch}.view-selector{width:100%}.view-btn,.gateway-actions .btn{justify-content:center;width:100%}.gateway-security{align-self:flex-start}.gateway-stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-form-grid,.gateway-methods{grid-template-columns:minmax(0,1fr)}}.module-header h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.btn{border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);align-items:center;gap:var(--spacing-sm);white-space:nowrap;border:none;padding:10px 16px;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--color-primary-600);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700)}.btn-secondary{background-color:var(--color-secondary-500);color:#fff}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondary-600)}.btn-outline{color:var(--color-secondary-600);border:1px solid var(--color-gray-300);background-color:#0000}.btn-outline:hover:not(:disabled){background-color:var(--color-gray-50)}.btn-success{background-color:var(--color-success);color:#fff}.btn-danger{background-color:var(--color-error);color:#fff}.btn-warning{background-color:var(--color-warning);color:var(--color-gray-900)}.btn-small{font-size:var(--font-size-xs);padding:6px 12px}.btn-full{width:100%}.btn-icon{font-size:var(--font-size-lg);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-base);background:0 0;border:none}.btn-icon:hover{background-color:var(--color-gray-100)}.filter-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;align-items:center;display:flex}.search-input,.filter-select{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);padding:8px 12px;font-family:inherit}.search-input{flex:1;min-width:250px}.search-input:focus,.filter-select:focus{border-color:var(--color-secondary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.table-container{margin-bottom:var(--spacing-lg);overflow-x:auto}.data-table{border-collapse:collapse;background:#fff;width:100%}.data-table th{padding:var(--spacing-md);background-color:var(--color-gray-50);border-bottom:2px solid var(--color-gray-200);text-align:left;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-gray-700);white-space:nowrap}.data-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);font-size:var(--font-size-sm)}.data-table tbody tr:hover{background-color:var(--color-gray-50)}.data-table tbody tr.row-overdue{background-color:#ef44440d}.action-buttons{gap:var(--spacing-sm);display:flex}.status-badge{border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;padding:4px 12px;display:inline-block}.status-badge.bg-gray-100{background-color:var(--color-gray-100);color:var(--color-gray-700)}.status-badge.bg-blue-100{color:#1e40af;background-color:#dbeafe}.status-badge.bg-cyan-100{color:#164e63;background-color:#cffafe}.status-badge.bg-yellow-100{color:#92400e;background-color:#fef3c7}.status-badge.bg-green-100{color:#166534;background-color:#dcfce7}.status-badge.bg-red-100{color:#991b1b;background-color:#fee2e2}.status-badge.bg-emerald-100{color:#065f46;background-color:#d1fae5}.status-badge.bg-orange-100{color:#92400e;background-color:#fed7aa}.status-badge.bg-purple-100{color:#6b21a8;background-color:#e9d5ff}.stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));display:grid}.stat-card{border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);align-items:center;gap:var(--spacing-lg);background:#fff;display:flex}.stat-card.stat-blue{border-left:4px solid var(--color-secondary-500)}.stat-card.stat-green{border-left:4px solid var(--color-success)}.stat-card.stat-yellow{border-left:4px solid var(--color-warning)}.stat-card.stat-red{border-left:4px solid var(--color-error)}.stat-card.stat-emerald{border-left:4px solid #10b981}.stat-icon{font-size:32px}.stat-content h4{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-bottom:4px}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900)}.stat-trend{font-size:var(--font-size-xs);color:var(--color-success);margin-top:4px}.detail-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.detail-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.detail-header .subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.header-actions{gap:var(--spacing-md);align-items:center;display:flex}.two-column-layout{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:1fr 1fr;display:grid}@media (width<=1024px){.two-column-layout{grid-template-columns:1fr}}.detail-section{border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background:#fff}.detail-section.card-style{box-shadow:var(--shadow-sm)}.detail-section h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-md);color:var(--color-gray-900);border-bottom:1px solid var(--color-gray-100);padding-bottom:var(--spacing-md)}.detail-field{padding:var(--spacing-md) 0;border-bottom:1px solid var(--color-gray-100);justify-content:space-between;align-items:center;display:flex}.detail-field:last-child{border-bottom:none}.detail-field label{font-weight:var(--font-weight-medium);color:var(--color-gray-600);font-size:var(--font-size-sm)}.detail-field span{color:var(--color-gray-900);font-size:var(--font-size-sm)}.detail-field .verified{color:var(--color-success);font-size:var(--font-size-xs);margin-left:var(--spacing-sm)}.form-section{margin-bottom:var(--spacing-lg)}.form-field{margin-bottom:var(--spacing-md)}.form-field label{font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-sm);color:var(--color-gray-700);font-size:var(--font-size-sm);display:block}.form-field label .required{color:var(--color-error);margin-left:2px}.form-input,.form-textarea{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);width:100%;font-size:var(--font-size-sm);transition:border-color var(--transition-base);padding:8px 12px;font-family:inherit}.form-input:focus,.form-textarea:focus{border-color:var(--color-secondary-500);outline:none;box-shadow:0 0 0 3px #3b82f61a}.form-input.error,.form-textarea.error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef44441a}.form-textarea{resize:vertical}.form-row{gap:var(--spacing-md);grid-template-columns:1fr 1fr;display:grid}.error-message{color:var(--color-error);font-size:var(--font-size-xs);margin-top:4px;display:block}.modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-lg);width:90%;max-width:600px;max-height:90vh;box-shadow:var(--shadow-lg);background:#fff;overflow-y:auto}.modal-content.modal-sm{max-width:400px}.modal-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);justify-content:space-between;align-items:center;display:flex}.modal-header h2,.modal-header h3{margin:0}.modal-close{font-size:var(--font-size-lg);cursor:pointer;color:var(--color-gray-600);background:0 0;border:none}.modal-body{padding:var(--spacing-lg)}.modal-footer{padding:var(--spacing-lg);border-top:1px solid var(--color-gray-200);justify-content:flex-end;gap:var(--spacing-md);display:flex}.pagination{justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);display:flex}.pagination-btn{border:1px solid var(--color-gray-300);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-base);background:#fff;padding:6px 12px}.pagination-btn:hover:not(:disabled){background-color:var(--color-gray-50);border-color:var(--color-secondary-500)}.pagination-btn.active{background-color:var(--color-secondary-500);color:#fff;border-color:var(--color-secondary-500)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-dots{color:var(--color-gray-600);padding:0 4px}@media (width<=768px){.module-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.filter-bar{flex-direction:column}.search-input,.filter-select{width:100%}.table-container{font-size:12px}.data-table th,.data-table td{padding:8px}.stats-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}}.center{text-align:center}.text-gray-400{color:var(--color-gray-400)}.text-red-600{color:#dc2626}.text-green-600{color:#16a34a}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.font-mono{font-family:Monaco,Menlo,Ubuntu Mono,monospace}