:root{--bg:#f7f6fa;--panel:#fff;--panel-soft:#f1effa;--text:#39364a;--muted:#777386;--line:#e7e4ed;--purple:#7367f0;--purple-dark:#5e50e6;--cyan:#00bad1;--green:#28c76f;--orange:#ff9f43;--red:#ff4c51;--shadow:0 6px 18px #2f2b3d1f}*{box-sizing:border-box}html{min-width:320px}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}a{color:inherit;text-decoration:none}.brand-mark{flex:none;width:38px;height:38px}.login-page{background:#fbfafe;grid-template-columns:minmax(0,1.25fr) minmax(420px,.75fr);min-height:100vh;display:grid}.login-visual{min-height:100vh;padding:32px;display:flex;position:relative;overflow:hidden}.login-visual:after{content:"";background:#f0eef4;border-radius:50% 0 0;width:100%;height:48%;position:absolute;bottom:-34%;right:-18%}.brand-row,.mobile-brand{color:#242235;align-items:center;gap:12px;font-size:24px;font-weight:700;display:flex}.mobile-brand{margin-bottom:24px;display:none}.hero-figure{z-index:1;width:min(600px,80%);height:600px;margin:auto;position:relative}.orbit{background:#7367f00a;border:1px solid #dedbe6;border-radius:50%;position:absolute;inset:70px 115px 40px}.metric-card{z-index:2;width:164px;box-shadow:var(--shadow);background:#fff;border-radius:8px;gap:8px;padding:24px;display:grid;position:absolute}.metric-card span{color:var(--muted);font-size:15px;font-weight:600}.metric-card strong{font-size:28px}.metric-card small{color:var(--green);font-weight:700}.metric-profit{top:130px;left:20px}.metric-orders{bottom:170px;right:16px}.person{width:180px;margin:auto;position:absolute;inset:190px 0 54px}.person span{display:block;position:absolute}.head{background:linear-gradient(145deg,#ffd4bc,#d9967d);border-radius:48% 48% 44% 44%;width:68px;height:78px;top:0;left:57px;box-shadow:inset -10px -10px 18px #41304d29}.body{background:linear-gradient(145deg, var(--purple), #5848d8);border-radius:48px 48px 32px 32px;width:112px;height:160px;top:70px;left:35px}.arm{background:#d9967d;border-radius:18px;width:34px;height:130px;top:90px}.arm-left{left:15px;transform:rotate(14deg)}.arm-right{right:12px;transform:rotate(-24deg)}.leg{background:#3d3a4f;border-radius:22px;width:42px;height:170px;top:210px}.leg-left{left:48px;transform:rotate(6deg)}.leg-right{right:42px;transform:rotate(-5deg)}.login-panel{background:#fff;place-items:center;padding:32px;display:grid}.login-card{width:min(420px,100%)}.login-heading{align-items:flex-start;gap:14px;margin-bottom:28px;display:flex}.login-heading svg{color:var(--purple)}.login-heading h1{margin:0 0 8px;font-size:24px;line-height:1.25}.login-heading p{color:var(--muted);margin:0;line-height:1.5}.login-form{gap:20px;display:grid}.login-form label{color:#2d2a3f;gap:8px;font-size:14px;font-weight:600;display:grid}.input-wrap{min-height:44px;color:var(--muted);border:1px solid #d7d3dd;border-radius:6px;align-items:center;gap:10px;padding:0 12px;display:flex}.input-wrap input{width:100%;min-width:0;color:var(--text);background:0 0;border:0;outline:0}.login-options{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;font-size:14px;display:flex}.login-options a{color:var(--purple)}.check-row{align-items:center;grid-template-columns:none!important;gap:8px!important;font-weight:500!important;display:flex!important}.primary-action,.primary-button,.secondary-button,.icon-button,.row-actions button,.pagination button{cursor:pointer;border:0;border-radius:6px}.primary-action,.primary-button{color:#fff;background:var(--purple);justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #7367f052}.primary-action:hover,.primary-button:hover{background:var(--purple-dark)}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#fff;height:100vh;padding:18px 12px;position:sticky;top:0;overflow:auto}.sidebar-brand{align-items:center;gap:10px;padding:0 8px 22px;font-size:24px;display:flex}.nav-list{gap:6px;display:grid}.nav-item{color:#4e4a5f;border-radius:6px;grid-template-columns:24px 1fr auto;align-items:center;gap:10px;min-height:40px;padding:0 12px;display:grid}.nav-item.active{color:#fff;background:var(--purple);box-shadow:0 4px 10px #7367f04d}.nav-item strong{background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:28px;height:28px;font-size:14px;display:grid}.workspace{min-width:0;padding:16px clamp(16px,3vw,48px) 40px}.topbar{z-index:3;min-height:56px;box-shadow:var(--shadow);background:#fff;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;margin-bottom:24px;padding:0 18px;display:grid;position:sticky;top:16px}.search-box{color:#a09baa;align-items:center;gap:14px;min-width:0;display:flex}.topbar-actions,.row-actions,.panel-actions{align-items:center;gap:10px;display:flex}.icon-button,.row-actions button{color:#575267;background:0 0;place-items:center;width:36px;height:36px;display:grid}.icon-button:hover,.row-actions button:hover{background:var(--panel-soft)}.avatar{border:3px solid var(--purple);color:#423345;background:#ffe3ca;border-radius:50%;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:24px;display:grid}.stat-card,.chart-card,.sales-card,.data-panel{box-shadow:var(--shadow);background:#fff;border-radius:8px}.stat-card{justify-content:space-between;gap:18px;min-height:136px;padding:24px;display:flex}.stat-card div{align-content:center;gap:8px;display:grid}.stat-card span,.chart-card span,.sales-card span{color:var(--muted)}.stat-card strong,.chart-card strong,.sales-card strong{color:var(--text);font-size:28px;line-height:1}.stat-icon{border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.stat-icon.purple{color:var(--purple);background:#ebe8ff}.stat-icon.green{color:var(--green);background:#ddf8e9}.stat-icon.cyan{color:var(--cyan);background:#d8f8fb}.stat-icon.orange{color:var(--orange);background:#fff0dc}.success{font-weight:700;color:var(--green)!important}.danger{font-weight:700;color:var(--red)!important}.dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr) minmax(260px,1fr);gap:24px;margin-bottom:24px;display:grid}.analytics-panel{color:#fff;background:linear-gradient(135deg,#7367f0,#6658e8);border-radius:8px;min-height:260px;padding:30px 24px;position:relative;overflow:hidden}.analytics-panel h2,.analytics-panel p{margin:0}.analytics-panel p{margin-top:8px;font-weight:700}.analytics-metrics{grid-template-columns:repeat(2,minmax(0,160px));gap:16px;margin-top:48px;display:grid}.mini-metric{align-items:center;gap:10px;display:flex}.mini-metric strong{background:#39364a2e;border-radius:6px;place-items:center;min-width:52px;height:32px;display:grid}.analytics-art{background:radial-gradient(circle at 25% 25%,#ddd5ff 0 6px,#0000 7px),radial-gradient(circle at 65% 30%,#2d275e 0 9px,#0000 10px),radial-gradient(circle at 45% 70%,#9f95ff 0 7px,#0000 8px),repeating-linear-gradient(35deg,#372f72 0 8px,#8d80ff 8px 16px);border-radius:50%;width:132px;height:132px;position:absolute;top:70px;right:52px;box-shadow:inset -16px -18px 30px #1f184d6b,0 18px 34px #1f184d47}.chart-card,.sales-card{gap:14px;min-height:260px;padding:28px 24px;display:grid}.line-chart{grid-template-columns:repeat(6,1fr);align-items:end;gap:8px;min-height:120px;display:grid}.line-chart span{background:linear-gradient(#2bd47d,#2bd47d14);border-radius:999px 999px 0 0;display:block}.line-chart span:first-child{height:62px}.line-chart span:nth-child(2){height:48px}.line-chart span:nth-child(3){height:38px}.line-chart span:nth-child(4){height:84px}.line-chart span:nth-child(5){height:108px}.line-chart span:nth-child(6){height:92px}.split-row{justify-content:space-between;gap:16px;display:flex}.progress-track{background:var(--purple);border-radius:999px;height:10px;overflow:hidden}.progress-track span{background:var(--cyan);width:62%;height:100%;display:block}.data-panel{margin-bottom:24px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:22px 24px;display:flex}.panel-header h2{margin:0;font-size:18px}.secondary-button{color:#7b768a;background:#eeedf4;align-items:center;gap:8px;min-height:38px;padding:0 16px;font-weight:700;display:inline-flex}.filter-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;display:flex}.filter-row label{color:var(--muted);align-items:center;gap:10px;display:flex}.filter-row select,.filter-row input{min-height:38px;color:var(--text);background:#fff;border:1px solid #d9d5df;border-radius:6px}.filter-row select{min-width:78px;padding:0 12px}.filter-row input{width:210px;padding:0 12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{border-bottom:1px solid var(--line);color:#686376;text-align:left;white-space:nowrap;min-height:58px;padding:13px 18px}th{color:#575267;text-transform:uppercase;font-size:12px}td:first-child,th:first-child{width:48px}input[type=checkbox]{width:18px;height:18px;accent-color:var(--purple);margin:0}.identity{align-items:center;gap:12px;display:flex}.identity>span{width:38px;height:38px;color:var(--green);text-transform:uppercase;background:#e4f8ec;border-radius:50%;place-items:center;font-weight:800;display:grid}.identity div{gap:3px;display:grid}.identity strong{color:#4d485b}.identity small{color:var(--muted)}.badge{border-radius:5px;align-items:center;min-height:24px;padding:0 10px;font-size:13px;font-weight:700;display:inline-flex}.badge.green{color:var(--green);background:#d9f6e6}.badge.orange{color:var(--orange);background:#fff0dc}.badge.gray{color:#7e7a88;background:#e9e8ed}.link-text{color:var(--purple);font-weight:700}.panel-footer{color:#a09baa;justify-content:space-between;align-items:center;gap:16px;padding:16px 24px;display:flex}.pagination{gap:8px;display:flex}.pagination button{color:#5f5a6f;background:#f0eff4;min-width:34px;height:34px}.pagination button:first-child{color:#fff;background:var(--purple)}.two-column{grid-template-columns:minmax(0,1fr);gap:0;display:grid}@media (max-width:1180px){.stats-grid,.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-panel{grid-column:1/-1}}@media (max-width:860px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.mobile-brand{display:flex}.login-panel{min-height:100vh}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{top:8px}.stats-grid,.dashboard-grid{grid-template-columns:1fr}.panel-header,.filter-row,.panel-footer{flex-direction:column;align-items:stretch}.panel-actions{flex-wrap:wrap}.filter-row label,.filter-row input{width:100%}}@media (max-width:520px){.workspace,.login-panel{padding:16px}.topbar{grid-template-columns:auto 1fr}.topbar-actions{grid-column:1/-1;justify-content:flex-end}.stat-card{min-height:112px}.analytics-metrics{grid-template-columns:1fr}.analytics-art{opacity:.25}}