@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#4f46e5;--primary2:#6366f1;--ink:#172033;--muted:#778196;--line:#e8ebf1;--bg:#f6f7fb;--card:#fff;--green:#12966b;--red:#d64b55;--amber:#b7791f;--sidebar:#101522}
*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:var(--bg);font-size:13px}.hidden{display:none!important}button,input{font:inherit}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.login-art{background:linear-gradient(145deg,#111827,#242a55 55%,#4f46e5);color:#fff;padding:8vh 9vw;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:600px;height:600px;border:1px solid #ffffff15;border-radius:50%;right:-250px;bottom:-250px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff04}.brand-big{font-size:44px;font-weight:800;letter-spacing:-2px}.brand-big span{font-weight:400}.login-tag{font-size:11px;letter-spacing:3px;color:#c9ceff;margin-top:8px}.art-card{display:flex;gap:18px;align-items:center;margin-top:110px;background:#ffffff12;border:1px solid #ffffff18;padding:20px;border-radius:14px;width:min(440px,100%);backdrop-filter:blur(8px)}.art-icon{width:48px;height:48px;border-radius:12px;background:#ffffff16;display:grid;place-items:center;font-size:24px}.art-card small{display:block;color:#cbd1df;margin-top:6px}.art-lines{margin-top:28px;display:grid;gap:9px;width:350px}.art-lines i{height:6px;background:#ffffff13;border-radius:8px}.art-lines i:nth-child(1){width:100%}.art-lines i:nth-child(2){width:76%}.art-lines i:nth-child(3){width:90%}.login-panel{display:grid;align-content:center;padding:8vh 8vw}.login-logo{width:46px;height:46px;border-radius:12px;background:#eef0ff;color:var(--primary);display:grid;place-items:center;font-size:21px;font-weight:800;margin-bottom:38px}.login-logo span{display:none}.login-title{font-size:29px;font-weight:800;letter-spacing:-.8px}.login-sub{color:var(--muted);margin:8px 0 34px}.login-panel form{max-width:410px}.login-panel label{display:block;font-size:12px;font-weight:600;margin:17px 0 7px}.login-panel input:not([type=checkbox]){width:100%;height:46px;border:1px solid #dfe3eb;border-radius:9px;padding:0 13px;outline:none}.login-panel input:focus{border-color:#7771ef;box-shadow:0 0 0 3px #635bff12}.remember{display:flex;justify-content:space-between;align-items:center;color:var(--muted);margin:15px 0 22px}.remember label{margin:0;font-weight:500}.remember input{accent-color:var(--primary)}.remember span{color:var(--primary);font-weight:600;font-size:11px}.primary{border:0;background:var(--primary);color:#fff;border-radius:9px;height:46px;padding:0 18px;font-weight:700;cursor:pointer}.primary:hover{background:#4338ca}.full{width:100%;display:flex;justify-content:center;gap:18px}.login-foot{margin-top:24px;color:#8b93a4;font-size:11px}.login-foot b{color:#4b5563}.erp{display:flex;min-height:100vh}.sidebar{width:248px;background:var(--sidebar);color:#aeb7c9;position:fixed;inset:0 auto 0 0;padding:20px 13px;z-index:5}.side-brand{display:flex;align-items:center;gap:11px;padding:4px 10px 22px;color:#fff}.side-brand strong{display:block;font-size:16px;letter-spacing:.5px}.side-brand small{display:block;font-size:9px;color:#7f8aa0;letter-spacing:1.5px;margin-top:2px}.brand-mark{width:35px;height:35px;border-radius:9px;background:linear-gradient(135deg,#6366f1,#4338ca);display:grid;place-items:center;color:#fff;font-weight:800}.company-switch{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #293044;background:#171d2c;border-radius:10px;margin-bottom:24px}.company-switch .company-dot{width:30px;height:30px;border-radius:8px;background:#e7e9ff;color:#4f46e5;display:grid;place-items:center;font-weight:800}.company-switch b{display:block;color:#e9edf7;font-size:11px}.company-switch small{display:block;color:#6f7a8e;font-size:9px;margin-top:2px}.company-switch>span{margin-left:auto}.menu-label{font-size:9px;letter-spacing:1.4px;color:#59657b;font-weight:700;padding:0 11px 8px;margin-top:18px}.sidebar nav{display:grid;gap:3px}.sidebar nav a{height:39px;padding:0 11px;border-radius:8px;display:flex;align-items:center;gap:11px;cursor:pointer;text-decoration:none;color:#9da7ba;font-weight:500}.sidebar nav a:hover{background:#1b2232;color:#e9edf7}.sidebar nav a.active{background:#4f46e5;color:#fff;box-shadow:0 7px 20px #4f46e52e}.mi{width:17px;text-align:center;font-size:15px}.side-bottom{position:absolute;bottom:16px;left:13px;right:13px}.help{display:flex;gap:10px;align-items:center;padding:12px;background:#171d2c;border:1px solid #252c3d;border-radius:9px;margin-bottom:10px}.help>div:first-child{width:25px;height:25px;border-radius:50%;background:#273047;display:grid;place-items:center;color:#cfd5e1}.help b{display:block;color:#dce1eb;font-size:10px}.help small{display:block;font-size:9px;color:#69758a;margin-top:2px}.side-bottom button{width:100%;height:36px;background:transparent;border:1px solid #293044;color:#9fa8ba;border-radius:8px;cursor:pointer}.main{margin-left:248px;flex:1;min-width:0}.topbar{height:67px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 27px;position:sticky;top:0;z-index:4}.top-search{height:37px;width:min(450px,50vw);background:#f7f8fb;border:1px solid #edf0f5;border-radius:8px;display:flex;align-items:center;padding:0 11px;gap:9px;color:#8992a3}.top-search input{border:0;outline:0;background:transparent;flex:1;min-width:0;color:#333}.top-search kbd{font-size:9px;border:1px solid #dfe3ea;background:#fff;padding:3px 6px;border-radius:4px}.top-actions{display:flex;align-items:center;gap:13px}.icon-btn{border:0;background:transparent;color:#687286;font-size:18px}.divider{width:1px;height:24px;background:#e6e9ef}.user{display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:50%;background:#eceaff;color:#4f46e5;display:grid;place-items:center;font-weight:800}.user b{font-size:11px;display:block}.user small{font-size:9px;color:#8a93a3;display:block;margin-top:2px}.user>span{color:#8a93a3}.mobile-menu{display:none}.page{padding:25px 28px 40px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.eyebrow{font-size:10px;color:#8992a2;margin-bottom:6px}.page-title{font-size:23px;font-weight:800;letter-spacing:-.5px;margin:0}.page-desc{color:#7b8495;margin-top:6px}.actions{display:flex;gap:8px}.btn{height:37px;border:1px solid #dde1e9;background:#fff;color:#4b5565;padding:0 13px;border-radius:8px;font-weight:600;cursor:pointer}.btn.primary-btn{background:var(--primary);border-color:var(--primary);color:#fff}.btn:hover{border-color:#c8cdd8}.btn.primary-btn:hover{background:#4338ca}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric{background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;min-height:125px}.metric-top{display:flex;justify-content:space-between;align-items:center}.metric-label{color:#788294;font-size:11px;font-weight:600}.metric-icon{width:34px;height:34px;border-radius:8px;background:#f0efff;color:#5b54dd;display:grid;place-items:center}.metric-value{font-size:24px;font-weight:800;margin:14px 0 5px}.metric-foot{font-size:10px;color:#8490a0}.positive{color:var(--green)}.negative{color:var(--red)}.dashboard-grid{display:grid;grid-template-columns:1.55fr .95fr;gap:16px;margin-top:16px}.card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.card-head{height:58px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}.card-head h3{font-size:13px;margin:0}.card-head a{font-size:10px;color:var(--primary);font-weight:600;cursor:pointer}.card-body{padding:18px}.chart{height:205px;position:relative;padding:10px 0}.chart svg{width:100%;height:100%;overflow:visible}.chart-grid{stroke:#edf0f4;stroke-width:1}.chart-area{fill:url(#area)}.chart-line{fill:none;stroke:#5b55df;stroke-width:2.5}.chart-dot{fill:#fff;stroke:#5b55df;stroke-width:2}.chart-labels{display:flex;justify-content:space-between;color:#9aa2b0;font-size:9px;margin-top:-2px}.donut-wrap{display:flex;align-items:center;gap:22px}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(#5b55df 0 42%,#22a879 42% 68%,#f1b64a 68% 84%,#d9dde6 84% 100%);display:grid;place-items:center}.donut:after{content:"₹ 1.28L";width:90px;height:90px;background:#fff;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:800}.legend{display:grid;gap:11px}.legend div{display:grid;grid-template-columns:8px auto;column-gap:8px;font-size:10px;color:#6f7889}.legend i{width:7px;height:7px;border-radius:2px;display:block}.legend b{font-size:11px;color:#313948}.legend small{grid-column:2;color:#969eab;margin-top:-4px}.mini-table{width:100%;border-collapse:collapse}.mini-table th{font-size:9px;text-transform:uppercase;color:#939baa;text-align:left;padding:11px 10px;border-bottom:1px solid #eef0f4}.mini-table td{padding:12px 10px;border-bottom:1px solid #f0f2f5;font-size:10px}.mini-table tr:last-child td{border-bottom:0}.customer-cell b{display:block;font-size:10px}.customer-cell small{display:block;color:#9aa2af;margin-top:3px}.status{font-size:9px;padding:4px 7px;border-radius:20px;font-weight:700;display:inline-block}.paid,.received{background:#e8f7f1;color:#087a58}.pending{background:#fff4df;color:#a56300}.low{background:#fff0f1;color:#c23843}.stock-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stock-item{border:1px solid #edf0f3;border-radius:9px;padding:13px}.stock-item b{font-size:11px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stock-item small{display:block;color:#929aa8;margin-top:4px;font-size:9px}.stock-bar{height:5px;background:#edf0f4;border-radius:8px;margin-top:12px;overflow:hidden}.stock-bar i{display:block;height:100%;background:#5b55df}.stock-bar i.danger{background:#df5b64}.table-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.table-tools{padding:15px 18px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line)}.table-tools h3{margin:0;font-size:13px}.tool-right{display:flex;gap:8px}.table-search{height:34px;width:220px;border:1px solid #dfe3ea;border-radius:7px;padding:0 10px;outline:0}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;font-size:9px;text-transform:uppercase;color:#8b94a3;background:#fafbfc;padding:12px 15px;border-bottom:1px solid #e8ebf0}.data-table td{padding:13px 15px;border-bottom:1px solid #eef0f3;font-size:10px;color:#4d5768}.data-table tbody tr:hover{background:#fafbff}.data-table td strong{color:#202938}.right{text-align:right!important}.empty-note{padding:50px;text-align:center;color:#929aaa}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.report{background:#fff;border:1px solid var(--line);border-radius:11px;padding:19px;cursor:pointer}.report:hover{border-color:#cfd2f5;box-shadow:0 7px 20px #252e5510}.report-icon{width:36px;height:36px;border-radius:9px;background:#f0efff;color:#5b55df;display:grid;place-items:center;margin-bottom:14px}.report b{font-size:12px}.report p{font-size:10px;color:#87909f;line-height:1.5;margin:7px 0 0}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.setting-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #edf0f3;font-size:11px}.setting-row:last-child{border-bottom:0}.setting-row span{color:#8992a0}.modal{position:fixed;inset:0;background:#10152280;z-index:20;display:grid;place-items:center;padding:20px}.modal-box{width:min(760px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:13px;box-shadow:0 25px 80px #0003}.modal-head{display:flex;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.modal-head h3{margin:0;font-size:15px}.close{border:0;background:#f2f3f7;width:30px;height:30px;border-radius:7px;cursor:pointer}.modal-body{padding:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field label{display:block;font-size:10px;font-weight:600;margin-bottom:6px;color:#626c7d}.field input,.field select{width:100%;height:38px;border:1px solid #dfe3ea;border-radius:7px;padding:0 10px;background:#fff}.invoice-total{background:#f7f8fb;border:1px solid #edf0f3;border-radius:9px;padding:15px;margin-top:15px}.invoice-total div{display:flex;justify-content:space-between;padding:4px 0;font-size:11px}.invoice-total .grand{font-size:15px;font-weight:800;border-top:1px solid #e3e6eb;margin-top:7px;padding-top:10px}.modal-foot{padding:14px 20px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}
@media(max-width:1050px){.sidebar{width:210px}.main{margin-left:210px}.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-panel{padding:40px 28px}.sidebar{width:66px;padding:16px 8px}.side-brand>div:last-child,.company-switch>div:not(.company-dot),.company-switch>span,.menu-label,.sidebar nav a:not(.active)::after,.sidebar nav a{font-size:0}.side-brand{justify-content:center;padding:4px 0 22px}.company-switch{justify-content:center}.sidebar nav a{justify-content:center}.sidebar nav a .mi{font-size:15px}.sidebar nav a.active{font-size:0}.sidebar nav a.active .mi{font-size:15px}.side-bottom{left:8px;right:8px}.help{display:none}.side-bottom button{font-size:0}.side-bottom button:first-letter{font-size:16px}.main{margin-left:66px}.topbar{padding:0 13px}.top-search{width:48vw}.top-search kbd{display:none}.top-actions .icon-btn,.top-actions .divider,.user>div:not(.avatar),.user>span{display:none}.mobile-menu{display:none}.page{padding:20px 14px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:13px}.metric-value{font-size:20px}.stock-grid{grid-template-columns:1fr 1fr}.report-grid,.setting-grid{grid-template-columns:1fr}.table-tools{align-items:flex-start;flex-direction:column}.tool-right{width:100%}.table-search{width:100%}.data-table{min-width:720px}.table-card{overflow:auto}.form-grid{grid-template-columns:1fr}.page-head{gap:12px;flex-direction:column}.actions{width:100%}}