:root{--bg:#f7f7fa;--panel:#fff;--ink:#252236;--muted:#8d8999;--line:#ebe9f0;--side:#211f2d;--side-soft:#373345;--purple:#7559e7;--shadow:0 14px 38px rgba(35,30,56,.08)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px Manrope,Arial,sans-serif}.login-view{display:grid;grid-template-columns:minmax(450px,45%) 1fr;min-height:100vh}.login-panel{display:flex;flex-direction:column;justify-content:center;padding:9vw;max-width:620px;margin:auto;width:100%}.logo,.brand{color:var(--ink);font-size:19px;font-weight:800;text-decoration:none;display:flex;gap:9px;align-items:center}.logo>span,.brand>span{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--purple);color:white;font-size:13px}.login-copy{margin:70px 0 32px}.eyebrow{font:10px 'DM Mono';letter-spacing:.9px;color:#938fa0;margin:0 0 8px}.login-copy h1,.page-heading h1{font-size:32px;letter-spacing:-1.3px;margin:0}.login-copy p:last-child,.page-heading>div>p:last-child{color:var(--muted);font-size:13px;margin:10px 0 0;line-height:1.6}.login-panel form{display:grid;gap:16px}.login-panel label{display:grid;gap:7px;font-size:11px;font-weight:700}.login-panel input{border:1px solid #dfdde5;border-radius:8px;background:#fff;color:var(--ink);height:44px;padding:0 13px;font:13px Manrope;outline:none}.login-panel input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eeeaff}.primary-button,.new-button{height:44px;border:0;border-radius:8px;background:var(--purple);color:#fff;font:700 12px Manrope;display:flex;align-items:center;justify-content:space-between;padding:0 15px;cursor:pointer}.primary-button:disabled{opacity:.65}.form-error{margin:0;color:#d65968;font-size:11px;min-height:12px}.secure-note{color:#aaa6b3;font-size:10px;margin-top:25px}.login-art{position:relative;overflow:hidden;background:linear-gradient(145deg,#262137,#493d73);min-height:100vh}.mesh{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{height:460px;width:460px;right:-100px;top:12%;background:radial-gradient(circle at 40% 40%,#aa92ff,#7257db00 67%)}.orb-two{height:380px;width:380px;left:-130px;bottom:3%;background:radial-gradient(circle,#55bedb88,#55bedb00 67%)}.art-copy{position:absolute;bottom:9%;left:10%;color:#e9e5ff;font-size:18px;font-weight:700;max-width:250px;line-height:1.5}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#82e1a2;margin-right:8px;box-shadow:0 0 0 5px #82e1a233}.erp-shell{min-height:100vh;display:flex}.sidebar{width:244px;background:var(--side);color:#c3bfcd;padding:25px 13px 16px;display:flex;flex-direction:column;flex:none}.brand{color:#fff;padding:0 12px 26px}.company{display:flex;align-items:center;gap:9px;background:#2d2a3b;border-radius:8px;margin:0 5px 23px;padding:10px}.company-avatar{display:grid;place-items:center;width:28px;height:28px;background:#ebb758;color:#33283a;border-radius:7px;font-weight:800}.company div,.account div{display:grid;gap:1px;flex:1}.company b,.account b{font-size:11px;color:#f5f4f7}.company small,.account small{font-size:9px;color:#9792a6}.company i,.account i{font-style:normal}.nav{display:grid;gap:3px}.nav p{font-size:9px;font-weight:800;letter-spacing:1px;color:#777386;margin:18px 12px 7px}.nav-item{border:0;background:transparent;color:#b9b4c6;border-radius:7px;height:39px;padding:0 12px;font:600 12px Manrope;text-align:left;display:flex;align-items:center;gap:11px;cursor:pointer}.nav-item span{width:15px;text-align:center;font-size:17px;color:#a7a1b5}.nav-item:hover,.nav-item.active{background:var(--side-soft);color:#fff}.nav-item.active span{color:#a895ff}.sidebar-footer{margin-top:auto}.account{width:100%;border:0;border-top:1px solid #3b3748;background:transparent;padding:15px 3px 0;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.account>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#fff;background:linear-gradient(135deg,#e4aa90,#985f9d);font-size:8px;font-weight:800}.workspace{min-width:0;flex:1}.topbar{height:69px;background:var(--panel);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;justify-content:space-between;gap:15px}.tabs{height:100%;display:flex;align-items:end;gap:3px}.tab{border:0;background:transparent;color:var(--muted);height:42px;padding:0 12px;font:600 11px Manrope;border-bottom:2px solid transparent}.tab.selected{color:var(--ink);border-color:var(--purple)}.tab span{color:var(--purple);margin-right:7px}.tab i{font-style:normal;margin-left:8px;color:#aaa}.top-actions{display:flex;align-items:center;gap:9px}.command{width:220px;height:34px;border:1px solid var(--line);border-radius:7px;background:var(--bg);color:var(--muted);text-align:left;padding:0 9px;font:11px Manrope}.command kbd{float:right;border:1px solid #e2e0e8;border-radius:4px;padding:2px 4px;font-size:9px}.round-button{height:32px;width:32px;border:0;background:transparent;color:var(--muted);font-size:18px;position:relative;cursor:pointer}.notification i{position:absolute;width:5px;height:5px;border-radius:50%;background:#eb7180;right:5px;top:5px}.new-button{height:33px;font-size:10px;padding:0 11px}.page{padding:38px 42px;max-width:1450px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.page-heading h1{font-size:27px}.date-button,.legend button{border:1px solid var(--line);background:var(--panel);height:33px;padding:0 10px;border-radius:7px;color:var(--muted);font:10px Manrope}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:16px}.metric-grid article,.panel{background:var(--panel);border:1px solid var(--line);border-radius:10px}.metric-grid article{padding:17px;height:175px}.metric-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;font-size:15px}.violet{color:#7159df;background:#eeeafe}.blue{color:#4e8edf;background:#e7f1ff}.orange{color:#df9842;background:#fff0e1}.green{color:#40a16c;background:#e5f5ed}.metric-grid p{color:var(--muted);font-size:11px;margin:15px 0 5px}.metric-grid h2{font-size:22px;margin:0 0 8px;letter-spacing:-.8px}.metric-grid small{font-size:10px;font-weight:700}.metric-grid em{font-style:normal;font-weight:500;color:#aaa6b2;margin-left:3px}.positive{color:#31a86b}.negative{color:#d76e6d}.progress{height:6px;border-radius:5px;background:#e5f5ed;margin:15px 0 7px}.progress i{display:block;width:78.5%;height:100%;background:#4aad74;border-radius:inherit}.dashboard-grid{display:grid;grid-template-columns:1.65fr 1fr;gap:16px}.panel{padding:19px}.panel-head{display:flex;justify-content:space-between}.panel h3{font-size:13px;margin:0 0 3px}.panel-head p{font-size:10px;color:var(--muted);margin:0}.legend{display:flex;align-items:center;gap:9px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--purple);margin-right:3px}.chart{position:relative;height:240px;margin-top:18px}.grid{position:absolute;inset:0 0 22px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#f0eff4 52px)}.chart svg{position:absolute;inset:0 0 22px;width:100%;height:calc(100% - 22px)}.month-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;font:9px 'DM Mono';color:#aaa6b2}.tasks{margin-top:12px}.tasks label{display:flex;gap:8px;align-items:center;border-bottom:1px solid #f0eff4;padding:11px 0;font-size:10px}.tasks input{display:none}.tasks i{width:15px;height:15px;border:1px solid #dad7e0;border-radius:4px}.tasks span{flex:1}.tasks b,.tasks em{font-size:9px;font-style:normal;color:#d66d70}.tasks em{color:#aaa6b2}.text-button{border:0;background:transparent;color:#6d55d7;font:600 10px Manrope;cursor:pointer}.add-task{padding-top:14px}.palette{position:fixed;inset:0;background:#16132288;display:grid;place-items:start center;padding-top:16vh;z-index:10}.palette-card{width:min(560px,calc(100% - 34px));background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:0 30px 75px #16132155;overflow:hidden}.palette input{width:100%;height:55px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--ink);padding:0 17px;font:13px Manrope;outline:0}.palette p{font:9px 'DM Mono';letter-spacing:.8px;color:var(--muted);margin:15px 15px 7px}.palette button{width:100%;border:0;background:transparent;color:var(--ink);padding:10px 15px;display:flex;gap:12px;text-align:left;font:11px Manrope}.palette button:hover{background:#f4f2fb}.palette button span{flex:1}.palette kbd,.palette footer{font:9px 'DM Mono';color:var(--muted)}.palette footer{padding:11px 15px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,100px);opacity:0;background:#282535;color:#fff;border-radius:7px;padding:10px 14px;font-size:11px;transition:.2s;z-index:12}.toast.show{transform:translate(-50%,0);opacity:1}.mobile-menu{display:none}
body[data-theme="dark"]{--bg:#181720;--panel:#22212d;--ink:#f1eff7;--muted:#a5a0b1;--line:#363441;--side:#181720;--side-soft:#393546;--shadow:none}body[data-theme="dark"] .login-panel input{background:#282633;color:#fff;border-color:#44404f}body[data-theme="dark"] .grid{background:repeating-linear-gradient(to bottom,transparent 0,transparent 51px,#373542 52px)}body[data-theme="dark"] .tasks label{border-color:#34323f}body[data-theme="dark"] .metric-icon.violet{background:#383151}body[data-theme="dark"] .metric-icon.blue{background:#24384f}body[data-theme="dark"] .metric-icon.orange{background:#493828}body[data-theme="dark"] .metric-icon.green{background:#293f35}
@media(max-width:1000px){.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.page{padding:28px}.sidebar{width:215px}}@media(max-width:700px){.login-view{display:block}.login-art{display:none}.login-panel{min-height:100vh;padding:40px 28px}.login-copy{margin:55px 0 30px}.sidebar{position:fixed;z-index:8;top:0;bottom:0;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:none}.mobile-menu{display:block;border:0;background:transparent;color:var(--ink);font-size:19px}.topbar{padding:0 13px}.tabs{display:none}.command{width:130px}.command span,.command kbd{display:none}.page{padding:25px 16px}.page-heading{align-items:start}.date-button{display:none}.metric-grid{grid-template-columns:1fr;gap:10px}.metric-grid article{height:145px}.dashboard-grid{gap:10px}.chart-panel{padding:14px}.top-actions{gap:2px}.new-button{font-size:0;width:30px;padding:0;justify-content:center}.new-button:after{content:'↪';font-size:14px}}.palette-search{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center}.palette-search .palette-search{border:0}.palette-search input{height:100%;border-bottom:0}.palette-search #paletteClose{width:32px;height:32px;margin-right:10px;padding:0;border-radius:6px;display:grid;place-items:center;flex:none;font-size:19px;color:var(--muted)}.palette-search #paletteClose:hover{background:#f0eef7;color:var(--ink)}