:root{font-family:Prompt,system-ui,sans-serif;color:#27315a;background:#f9f8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #aa91ff;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;flex:0 0 236px;color:#fff;padding:24px 14px;background:linear-gradient(170deg,#8977d2,#7260cb 55%,#5946b3);display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:12px;align-items:center;padding:2px 5px 33px}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#eda9ee,#9ea7fa 70%,#8de0ed);box-shadow:0 6px 18px #493ba55c}.brand b{font-size:17px;white-space:nowrap}.brand small,.account small{display:block;font-size:10px;opacity:.78}.side-label{font-size:10px;letter-spacing:.14em;opacity:.7;padding:5px 15px 12px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#f6f1ff;display:flex;align-items:center;gap:13px;min-height:45px;padding:0 13px;border-radius:13px;text-align:left;font-size:13px;font-weight:500}.nav-item:hover{background:#ffffff23}.nav-item.active{background:#f7f7ff;color:#6246c8;box-shadow:0 8px 20px #4c36a532}.nav-item span{flex:1}.side-bottom{margin-top:auto;text-align:center;color:#e9e4ff}.side-bottom small,.side-bottom p{font-size:10px}.side-cloud{font-size:49px;color:#e9d5ff;line-height:1.3}.main{min-width:0;flex:1}.top{height:68px;display:flex;justify-content:space-between;align-items:center;padding:0 30px;background:#ffffffae;border-bottom:1px solid #eae6f9}.breadcrumb{display:flex;gap:10px;align-items:center;color:#a09ac2;font-size:11px;letter-spacing:.05em}.breadcrumb strong{font-size:13px;letter-spacing:0;color:#6c57b8}.top-right{display:flex;align-items:center;gap:12px}.demo-pill{border:1px solid #e2dafa;color:#6553b5;background:#f7f3ff;padding:7px 12px;border-radius:30px;font-size:10px;font-weight:700}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#46c6ac;margin-right:4px}.avatar{height:34px;width:34px;border-radius:50%;background:linear-gradient(140deg,#b09af2,#f7a5d4);color:#fff;display:grid;place-items:center;font-size:14px;font-weight:700}.account{font-size:11px}.content{max-width:1670px;margin:auto;padding:23px 30px 18px}.hero{height:148px;border-radius:24px;position:relative;overflow:hidden;background:linear-gradient(104deg,#fff 15%,#f6eefa 63%,#e3ecff);border:1px solid #e9e2fa;box-shadow:0 8px 24px #7164ac0b;display:flex;align-items:center;padding:27px 30px;margin-bottom:13px}.hero>div:first-child{z-index:1}.eyebrow{font-size:10px;letter-spacing:.11em;font-weight:600;color:#9887cb}.hero h1{font-size:32px;margin:1px 0;letter-spacing:-.03em;color:#6b4cba}.hero p{font-size:12px;color:#8982b0;margin:0}.hero-chip{position:absolute;right:24px;top:20px;background:#ffffffdc;border:1px solid #eee6ff;border-radius:30px;padding:8px 12px;display:flex;align-items:center;gap:7px;font-size:10px;color:#5aab97;z-index:2;font-weight:700}.hero-art{position:absolute;inset:0 0 0 auto;width:50%;overflow:hidden}.hill{position:absolute;border-radius:50%;width:500px;height:280px;transform:rotate(-12deg);bottom:-205px;right:-50px;background:linear-gradient(140deg,#d1c5fa,#f9dcef)}.hill.h2{bottom:-234px;right:230px;background:#dcecff}.star{position:absolute;color:#b1a0ee;font-size:27px}.s1{right:200px;top:62px}.s2{right:85px;top:75px}.cloud-shape{position:absolute;bottom:-45px;right:70px;font-size:155px;color:#ffffff80}.demo-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#fffbeb;border:1px solid #f3e8bc;padding:10px 14px;border-radius:12px;font-size:11px;color:#8b6a35;margin-bottom:13px}.toolbar{background:#fff;border:1px solid #e9e6f6;border-radius:19px;padding:15px;display:flex;flex-direction:column;gap:13px;box-shadow:0 6px 22px #55519a08}.fields,.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.fields label{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:600;color:#7b76aa}.fields input,.fields select{border:1px solid #e3def2;border-radius:10px;background:#fdfcff;color:#474473;padding:9px 10px;font-size:11px;min-height:39px}.between{color:#aaa1da}.actions button,.po-box-top button,.placeholder button{border:1px solid #e7dffa;border-radius:10px;min-height:37px;padding:8px 13px;background:#fff;color:#6e56b9;font-size:11px;font-weight:600;display:inline-flex;gap:6px;align-items:center;justify-content:center}.actions button:hover,.po-box-top button:hover{background:#f7f1ff}.actions .primary,.primary{background:linear-gradient(105deg,#8b75ed,#dc8bcf)!important;border:0!important;color:#fff!important;box-shadow:0 6px 15px #c693e145}.notice{background:#f1eafb;border:1px solid #dfd0fa;color:#745bb7;border-radius:11px;padding:10px 12px;font-size:11px;margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.notice button,.selected-panel button{border:0;background:transparent;color:inherit}.section-title{display:flex;align-items:center;gap:10px;margin:22px 2px 12px}.section-title b{display:block;font-size:15px;color:#413b87}.section-title small{display:block;font-size:10px;color:#9993b7}.sparkle{font-size:22px;color:#db8acc}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.kpi,.category-card{border:1px solid #e8e3f8;border-radius:20px;overflow:hidden;box-shadow:0 8px 20px #6764a20c}.kpi{padding:17px 17px 14px}.blue{background:linear-gradient(140deg,#f4f7ff,#e4edff)}.mint{background:linear-gradient(140deg,#f4fffc,#e0f7ee)}.amber{background:linear-gradient(140deg,#fffdf6,#fff0d6)}.pink{background:linear-gradient(140deg,#fff8fb,#ffe5ef)}.kpi-top{display:flex;gap:9px;align-items:center;color:#56528d;font-size:12px;font-weight:700}.kpi-icon,.category-icon{height:39px;width:39px;display:grid;place-items:center;background:#ffffffc7;border-radius:13px;color:#8872de}.mint .kpi-icon,.mint .category-icon{color:#13ad8a}.amber .kpi-icon,.amber .category-icon{color:#eda642}.pink .kpi-icon{color:#e977a2}.kpi-main{font-size:32px;color:#353c78;font-weight:700;line-height:1.45;margin:7px 0}.kpi-main small{font-size:11px;font-weight:500;margin-left:8px;color:#8886b3}.kpi-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #deddf0;padding-top:9px;gap:8px}.kpi-stats div{display:flex;flex-direction:column;gap:1px;font-size:10px;color:#9a94b0}.kpi-stats b{color:#364177;font-size:15px}.category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category-card{padding:14px}.category-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.category-head b{display:block;font-size:15px;color:#4c4388}.category-head small{display:block;color:#8e92aa;font-size:10px}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:10px;color:#666895;padding:9px 10px;background:#ffffff9a;font-weight:700}td{font-size:11px;color:#4b5582;padding:9px 10px;border-bottom:1px solid #aaa7c81c}td:not(:first-child),th:not(:first-child){text-align:right}tfoot td{font-weight:700;color:#3c876f;border-bottom:0;font-size:11px;padding-top:12px}.amber tfoot td{color:#bb7b2d}.category-card tbody tr:hover{background:#ffffff75}.recent-title{margin-top:24px}.po-box{background:#fff;border-radius:19px;border:1px solid #eae5f7;padding:13px;box-shadow:0 8px 19px #7164ac09}.po-box-top{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;margin-bottom:12px}.search{margin-right:auto;display:flex;align-items:center;gap:8px;color:#9a88d7;background:#faf8ff;border:1px solid #e6dff6;border-radius:11px;padding:0 10px;min-height:37px;min-width:240px}.search input{border:0;background:transparent;outline:0;color:#373e6e;min-width:0;flex:1;font-size:11px}.po-box-top select{font-size:11px;border:1px solid #e9e2fa;border-radius:10px;padding:9px;background:#fff;color:#514b82}.po-table th{text-align:left!important;background:#f5f1ff}.po-table td{text-align:left!important}.po-id{font-weight:700;color:#735dd0}.status{border-radius:20px;padding:3px 9px;font-weight:700;font-size:9px}.status.received{background:#dff8ed;color:#158c6d}.status.open{background:#fff1d8;color:#c48a35}.status.canceled{background:#ffe4ef;color:#d55383}.icon-btn{background:#f5f0ff;border:0;border-radius:8px;padding:7px;color:#7962ca}.empty{text-align:center!important;color:#8d8aaf;padding:28px}.selected-panel{margin-top:13px;border:1px solid #e7e0fa;background:#f9f6ff;border-radius:12px;padding:14px;font-size:11px}.selected-panel>button{float:right}.selected-panel p{margin:5px 0}.selected-panel small{color:#9388ba}.list-footer{font-size:10px;color:#9995b6;padding:12px 2px 0}.page-content{margin-top:20px}.page-top{background:#fff;border:1px solid #e8e1f4;padding:17px;border-radius:18px;display:flex;align-items:center;gap:12px;margin-bottom:14px}.page-icon{height:45px;width:45px;display:grid;place-items:center;background:#f2eafe;border-radius:13px;color:#8969d3}.page-top h2{font-size:17px;margin:0}.page-top p{font-size:11px;color:#9189b4;margin:0}.placeholder{padding:60px 20px;text-align:center;background:#fff;border:1px dashed #ded5f1;border-radius:18px;color:#897dc0}.placeholder h3{color:#504487}.placeholder p{font-size:12px}.placeholder button{margin-top:12px}footer{font-size:10px;color:#aaa5c4;margin:24px 0 4px}footer span{float:right}.mobile-menu,.mobile-close,.overlay{display:none}@media(max-width:1150px){.sidebar{flex-basis:205px}.content{padding:20px}.kpi-grid{gap:9px}.kpi{padding:13px}.hero{height:135px}.category-grid{grid-template-columns:1fr}.toolbar{gap:10px}}@media(max-width:750px){.sidebar{position:fixed;left:0;transform:translate(-100%);width:250px;transition:transform .2s}.sidebar-open{transform:translate(0)}.mobile-close{display:block;border:0;background:transparent;color:#fff;margin-left:auto}.overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#2117427f;border:0;z-index:19}.top{height:57px;padding:0 15px}.mobile-menu{display:flex;border:0;background:transparent;color:#7059ba;padding:5px}.breadcrumb{margin-right:auto;margin-left:8px}.account{display:none}.content{padding:13px}.hero{height:139px;padding:20px}.hero h1{font-size:26px}.hero p{font-size:10px;max-width:250px}.eyebrow{font-size:8px}.hero-chip{right:12px;top:10px;font-size:9px}.hero-art{width:75%;opacity:.55}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kpi-main{font-size:27px}.kpi-stats b{font-size:13px}.fields label{flex:1}.fields input,.fields select{width:100%;min-width:0}.fields{align-items:end}.fields .between{display:none}.actions button{flex:1;white-space:nowrap}.po-box-top{justify-content:stretch}.po-box-top>*{flex:1}.search{flex-basis:100%;min-width:0}.category-card{padding:10px}.category-card td,.category-card th{padding:8px 5px;font-size:9px}.section-title{margin-top:18px}footer span{float:none;display:block}.top-right{gap:5px}.avatar{display:none}}@media(max-width:375px){.kpi-grid{gap:7px}.kpi{padding:10px}.kpi-top{font-size:10px}.kpi-main{font-size:24px}.demo-pill{font-size:9px}.hero h1{font-size:23px}}