:root{font-family:Inter,Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#28242a;background:#f8f7f5;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}img{display:block}#root{min-height:100vh}::selection{background:#f7d4c2}.app-shell{min-height:100vh}.sidebar{display:none}.main-wrap{min-width:0}.topbar{height:70px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #eeece9;position:sticky;top:0;z-index:20}.topbar-left,.topbar-right{display:flex;align-items:center}.topbar-right{gap:11px}.mobile-brand{display:flex;align-items:center;gap:8px;font-size:14px;letter-spacing:.08em}.mobile-brand img{width:30px;height:30px;object-fit:contain}.desktop-search,.top-date,.top-divider,.account-pill>span:not(.avatar),.account-pill>svg{display:none}.icon-button{border:0;background:transparent;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#5f5962;border-radius:10px;position:relative}.icon-button:hover{background:#f5f2f0;color:#251d2a}.icon-button.has-alert:after{content:"";width:7px;height:7px;background:#ec8a5a;border:2px solid #fff;border-radius:50%;position:absolute;right:7px;top:6px}.account-pill{border:0;background:transparent;display:flex;align-items:center;gap:10px;padding:0}.avatar{width:34px;height:34px;border-radius:11px;background:#f2e6f6;color:#6f358c;font-weight:800;display:grid;place-items:center}.content{padding:24px 18px 110px;max-width:1600px;margin:0 auto}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:800;color:#aa7a65;margin-bottom:10px}.demo-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:#f4e8dc;border:1px solid #edd5c3;border-radius:13px;padding:12px 14px;margin-bottom:22px;color:#6d4738;font-size:12px}.demo-strip span,.demo-strip button{display:inline-flex;align-items:center;gap:7px}.demo-strip button{border:0;background:transparent;color:#7e4330;font-weight:800;padding:4px 0}.welcome{display:flex;flex-direction:column;gap:22px;margin-bottom:25px}.welcome h1,.page-head h1{font-size:30px;line-height:1.16;letter-spacing:-.045em;margin:0 0 9px;color:#28212c;font-weight:800}.welcome h1 span{font-size:21px;color:#d78961;vertical-align:top}.welcome p,.page-head p{font-size:13px;color:#8d8790;margin:0;line-height:1.55}.welcome-actions,.action-pair{display:flex;gap:9px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;min-height:40px;padding:0 14px;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .15s,background .15s,border-color .15s}.button:active{transform:scale(.98)}.button-primary{background:#362436;color:#fff;box-shadow:0 4px 13px #372a3822}.button-primary:hover{background:#4f3450}.button-soft{background:#fff;color:#463745;border-color:#ebe6e7}.button-soft:hover{background:#fbf5f1;border-color:#ead3c7}.button-ghost{background:transparent;color:#655d65}.button-ghost:hover{background:#f6f3f2}.metrics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:18px}.metric-card{border:1px solid #eee9e6;background:#fff;border-radius:15px;padding:16px;min-width:0;box-shadow:0 6px 25px #372a3808}.metric-top{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-bottom:15px}.metric-top>span{font-size:11px;font-weight:650;color:#817a82}.metric-icon{width:30px;height:30px;border-radius:9px;display:grid;place-items:center}.metric-peach .metric-icon{color:#d87a47;background:#fff0e7}.metric-lavender .metric-icon{color:#855baf;background:#f3eafa}.metric-butter .metric-icon{color:#b98132;background:#fff5df}.metric-mint .metric-icon{color:#3d938a;background:#e5f5f0}.metric-card strong{display:block;font-size:23px;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.15}.metric-card small{display:block;font-size:10px;color:#a19aa2;margin-top:7px;line-height:1.4}.dashboard-grid,.two-column,.store-layout{display:grid;gap:18px}.dashboard-primary,.dashboard-side{min-width:0;display:flex;flex-direction:column;gap:18px}.card{background:#fff;border:1px solid #eeecea;border-radius:15px;box-shadow:0 6px 25px #372a3807;min-width:0}.card-heading{padding:20px 20px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card-heading h2,.quick-card h2,.search-card h2{font-size:15px;line-height:1.3;letter-spacing:-.025em;margin:0 0 5px;font-weight:800;color:#302a31}.card-heading p{margin:0;color:#a59ea5;font-size:11px;line-height:1.4}.period-pill{display:inline-flex;align-items:center;gap:7px;background:#faf8f6;border:1px solid #f0ece9;border-radius:8px;padding:7px 9px;white-space:nowrap;color:#817983;font-size:10px}.line-chart{margin:22px 22px 18px 52px}.chart-plot{position:relative}.line-chart svg{display:block;width:100%;height:auto;overflow:visible}.chart-grid{position:absolute;left:-43px;top:10%;bottom:10%;display:flex;flex-direction:column;justify-content:space-between;color:#bbb4b8;font-size:9px}.chart-days{display:flex;justify-content:space-between;color:#aaa3aa;font-size:9px;padding:6px 2% 0}.order-table-wrap{overflow-x:auto;padding:12px 18px 15px}.order-table{width:100%;border-collapse:collapse;min-width:540px;text-align:left}.order-table th{font-weight:600;color:#aaa3aa;font-size:10px;padding:11px 8px;border-bottom:1px solid #f0eeec}.order-table td{font-size:11px;color:#514b53;padding:11px 8px;border-bottom:1px solid #f5f3f1}.order-table tr:last-child td{border-bottom:0}.order-table td strong{color:#353038;font-size:11px}.order-table td small{display:block;color:#b5adb3;font-size:9px;margin-top:3px}.table-arrow{border:0;background:transparent;color:#8b838a}.text-link{border:0;background:transparent;color:#d48556;font-size:11px;font-weight:750;display:inline-flex;align-items:center;gap:5px;padding:5px 0;white-space:nowrap}.text-link:hover{text-decoration:underline}.badge{font-size:9px;font-weight:750;border-radius:7px;padding:5px 8px;display:inline-flex;align-items:center;white-space:nowrap;width:max-content}.badge-green{color:#488d79;background:#e7f5ef}.badge-orange{color:#c97644;background:#fff0e4}.badge-purple{color:#8c65a9;background:#f4eefa}.badge-red{color:#d05e61;background:#fff0ef}.badge-neutral{color:#918a90;background:#f2f1f0}.focus-card .card-heading{align-items:center}.small-count{width:24px;height:24px;display:grid;place-items:center;border-radius:8px;background:#f7ede7;color:#c3744d;font-size:11px;font-weight:800}.focus-list{padding:12px}.focus-list button{width:100%;display:flex;align-items:center;gap:12px;text-align:left;border:0;border-bottom:1px solid #f4f1ef;background:transparent;padding:13px 8px}.focus-list button:last-child{border-bottom:0}.focus-list button>span:nth-child(2){flex:1;min-width:0}.focus-list button strong,.focus-list button small{display:block}.focus-list button strong{font-size:11px;color:#3d363e}.focus-list button small{font-size:10px;color:#aaa1a7;margin-top:3px}.focus-list button>svg{color:#a99fa8}.focus-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center}.focus-icon.orange{background:#fff0e7;color:#d37c4e}.focus-icon.purple{background:#f4eefa;color:#8d65aa}.focus-icon.green{background:#e9f5f0;color:#579982}.tip-card{border-radius:16px;background:#3a293c;color:#fff;padding:24px 23px;min-height:228px;position:relative;overflow:hidden}.tip-card:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff16;border-radius:50%;top:-110px;right:-100px;box-shadow:0 0 0 34px #ffffff08,0 0 0 74px #ffffff05}.tip-icon{color:#edb692;margin-bottom:17px}.tip-card>span{font-size:9px;letter-spacing:.15em;color:#d9b7ce;font-weight:700}.tip-card h2{font-size:20px;letter-spacing:-.035em;margin:9px 0;line-height:1.3}.tip-card p{font-size:11px;color:#d8cad9;line-height:1.6;max-width:255px;margin-bottom:18px}.tip-card button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;color:#f5c9a5;font-size:11px;font-weight:800;padding:0}.quick-card{padding:19px}.quick-card h2{margin-bottom:10px}.quick-card>button{border:0;background:transparent;display:flex;align-items:center;gap:11px;width:100%;padding:9px 2px;text-align:left;font-size:11px;color:#55505a;font-weight:600}.quick-card>button>svg:last-child{margin-left:auto;color:#aaa2a8}.quick-icon{width:29px;height:29px;border:1px solid #eee9e8;border-radius:9px;display:grid;place-items:center;color:#a66f65}.empty{padding:45px 18px;text-align:center;display:flex;align-items:center;flex-direction:column}.empty-icon{width:44px;height:44px;border-radius:13px;background:#f6f0f3;color:#9b7a9b;display:grid;place-items:center;margin-bottom:14px}.empty h3{font-size:14px;margin:0 0 6px}.empty p{font-size:11px;color:#a39ba1;max-width:250px;line-height:1.5;margin:0 0 15px}.empty p:last-child{margin:0}.page-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin:5px 0 24px}.page-head h1{font-size:28px}.page-action{width:100%}.page-action>.button,.page-action .action-pair>.button{flex:1}.tabs{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid #e9e5e2;margin-bottom:18px}.tabs::-webkit-scrollbar{display:none}.tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#938b92;font-size:11px;font-weight:700;padding:12px 14px;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.tabs button.active{color:#53354b;border-bottom-color:#b87966}.tabs em,.side-nav em{font-style:normal;background:#f6e3d8;color:#be7452;border-radius:6px;padding:2px 5px;font-size:9px}.list-card{overflow:hidden}.order-list{padding:0 18px 10px}.order-row{display:flex;flex-direction:column;gap:13px;padding:16px 3px;border-bottom:1px solid #f0edeb}.order-row:last-child{border-bottom:0}.order-row-main{display:flex;gap:11px;min-width:0}.order-avatar,.customer-avatar{flex:0 0 auto;width:37px;height:37px;border-radius:11px;background:#f4e9f0;color:#986a8a;display:grid;place-items:center;font-size:14px;font-weight:800}.order-title{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}.order-title strong{font-size:12px}.order-title span{color:#b3aab1;font-size:10px}.order-row-main p{font-size:11px;color:#6f6870;margin:4px 0}.order-row-main small{font-size:10px;color:#aaa2a8}.order-row-right{padding-left:48px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.order-row-right>strong{font-size:14px}.badge-pair{display:flex;gap:5px}.row-actions button{border:0;background:#f5eeea;border-radius:7px;color:#9e614a;padding:7px 9px;font-size:10px;font-weight:800;display:inline-flex;align-items:center;gap:5px}.stock-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:18px}.stock-summary>div{border:1px solid #eeeae8;border-radius:12px;padding:14px;background:#fff}.stock-summary span,.stock-summary strong{display:block}.stock-summary span{font-size:10px;color:#958d95;margin-bottom:9px}.stock-summary strong{font-size:23px;letter-spacing:-.05em}.product-grid{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{background:#fff;border:1px solid #eeecea;border-radius:15px;overflow:hidden;min-width:0;box-shadow:0 6px 25px #372a3807}.product-art{height:125px;display:grid;place-items:center;font-size:50px;position:relative;overflow:hidden;isolation:isolate}.product-art:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;border:1px solid #ffffff77;box-shadow:0 0 0 20px #ffffff24,0 0 0 42px #ffffff18;right:-70px;top:-60px;z-index:-1}.product-art.peach{background:#f7e8df}.product-art.lavender{background:#eee7f1}.product-art.butter{background:#f6eed9}.product-art.mint{background:#e4f1eb}.product-art.tiny{width:39px;height:39px;border-radius:10px;font-size:23px;flex:0 0 auto}.product-art.tiny:before{display:none}.product-body{padding:13px}.product-card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.product-card-top>span:first-child{font-size:9px;color:#a49aa1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-top .badge{font-size:8px;padding:4px 5px}.product-body h3{font-size:13px;letter-spacing:-.02em;margin:11px 0 8px}.product-prices{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.product-prices strong{font-size:15px}.product-prices small{font-size:9px;color:#a69ca4}.product-foot{border-top:1px solid #f2eeec;margin-top:13px;padding-top:12px;display:flex;justify-content:space-between;gap:5px;align-items:center}.product-foot small,.product-foot strong{display:block}.product-foot small{color:#aaa2a8;font-size:9px;margin-bottom:3px}.product-foot strong{font-size:12px}.product-actions{display:flex;align-items:center;gap:2px}.product-actions .button{padding:0 8px;min-height:31px;font-size:10px}.product-actions .button svg{width:13px}.product-actions .icon-button{width:29px;height:29px}.money-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.money-metrics .metric-card:last-child{grid-column:1/-1}.two-column>.card{min-width:0}.money-list,.unpaid-list{padding:13px 19px 15px}.money-list>div,.unpaid-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f3f0ee}.money-list>div:last-child,.unpaid-list>div:last-child{border-bottom:0}.transaction-icon{width:33px;height:33px;border-radius:10px;display:grid;place-items:center;flex:0 0 auto}.transaction-icon.in{color:#3d987c;background:#e9f5ef}.transaction-icon.out{color:#d1845a;background:#fff1e7}.money-list>div>div,.unpaid-list>div>div{flex:1;min-width:0}.money-list strong,.unpaid-list strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.money-list small,.unpaid-list small{font-size:9px;color:#aaa1a8;display:block;margin-top:4px}.money-list b,.unpaid-list b{font-size:11px;white-space:nowrap}.money-list b.in{color:#4b9a7d}.money-list b.out{color:#b57557}.unpaid-list button{border:1px solid #eae5e4;background:#fff;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:#4b9a7d}.customer-list{padding:0 18px 10px}.customer-list>div{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0edeb;padding:15px 0;flex-wrap:wrap}.customer-list>div:last-child{border-bottom:0}.customer-main{flex:1;min-width:130px}.customer-main strong{font-size:12px;display:flex;align-items:center;gap:6px}.customer-main small{display:block;color:#a59da4;font-size:10px;margin-top:5px}.customer-total{min-width:85px}.customer-total strong,.customer-total small{display:block;text-align:right}.customer-total strong{font-size:11px}.customer-total small{font-size:9px;color:#aaa2a9;margin-top:4px}.customer-actions{display:flex;align-items:center;gap:3px}.customer-actions a{font-size:10px;font-weight:700;color:#916247;display:inline-flex;align-items:center;gap:3px}.customer-avatar{background:#ebf2ee;color:#6c9882}.report-period{display:flex;justify-content:center;align-items:center;gap:12px;width:max-content;margin:0 0 18px;background:#fff;border:1px solid #eeeae7;border-radius:11px;padding:3px}.report-period>span{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;min-width:165px;justify-content:center}.report-period .icon-button{width:29px;height:29px}.report-hero{background:#38283c;color:#fff;border-radius:17px;padding:25px;position:relative;overflow:hidden;margin-bottom:15px}.report-hero>span{font-size:10px;font-weight:750;letter-spacing:.12em;color:#d5bbd2}.report-hero strong{font-size:35px;letter-spacing:-.055em;display:block;margin:11px 0}.report-hero p{font-size:11px;color:#ded2de;max-width:440px;line-height:1.55;margin:0}.report-hero-mark{position:absolute;width:190px;height:190px;border:1px solid #ffffff13;border-radius:50%;right:-70px;top:-30px;display:grid;place-items:center;box-shadow:0 0 0 30px #ffffff08,0 0 0 60px #ffffff05}.report-hero-mark img{width:75px;opacity:.25}.report-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:17px}.report-stats>div{background:#fff;border:1px solid #eeeae7;border-radius:12px;padding:14px}.report-stats span,.report-stats strong{display:block}.report-stats span{color:#958d95;font-size:10px;margin-bottom:9px}.report-stats strong{font-size:16px;letter-spacing:-.04em}.bar-chart{height:235px;display:flex;align-items:flex-end;justify-content:space-around;gap:15px;padding:30px 25px 18px}.bar-chart>div{height:100%;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px}.bar-track{height:100%;width:100%;max-width:42px;display:flex;align-items:flex-end;background:#faf7f5;border-radius:7px 7px 0 0;overflow:hidden}.bar-track span{display:block;width:100%;background:linear-gradient(#efaa83,#d98965);border-radius:7px 7px 0 0}.bar-chart small{font-size:9px;color:#aaa2a8}.ranking-list{padding:10px 20px 16px}.ranking-list>div{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #f3f0ee}.ranking-list>div:last-child{border-bottom:0}.ranking-list>div>span{font-size:10px;color:#b4a8af}.ranking-list strong{font-size:11px;flex:1}.ranking-list b{font-size:10px;color:#c77a53}.store-layout{align-items:start}.store-details{overflow:hidden}.store-cover{height:155px;background:linear-gradient(120deg,#f7e3da,#e9def0 65%,#f8eccd);position:relative}.store-cover:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #ffffff80;border-radius:50%;right:-55px;top:-90px;box-shadow:0 0 0 30px #ffffff35,0 0 0 60px #ffffff20}.store-logo{position:absolute;bottom:-30px;left:25px;width:62px;height:62px;border-radius:16px;background:#fff;border:4px solid #fff;box-shadow:0 4px 14px #2f22351f;z-index:1;display:grid;place-items:center}.store-logo img{width:43px;height:43px}.store-detail-body{padding:48px 24px 24px}.store-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.store-title-row h2{font-size:22px;letter-spacing:-.04em;margin:0}.store-detail-body>p{color:#8f8790;font-size:12px;line-height:1.6;margin:15px 0}.store-info{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.store-info>div{display:flex;gap:7px;align-items:center;font-size:11px;color:#746a73}.store-info svg{color:#c48465}.store-preview-note{display:flex;align-items:flex-start;gap:8px;background:#faf4ef;color:#987157;padding:12px;border-radius:9px;font-size:10px;line-height:1.5;margin-bottom:18px}.store-preview-note svg{flex:0 0 auto}.store-side{display:grid;gap:15px}.store-side .card{padding:20px}.store-side h2{font-size:15px;margin:0 0 5px}.store-side p{color:#9a9098;font-size:11px;line-height:1.5}.mini-products>div{display:flex;align-items:center;gap:9px;padding:9px 0;border-top:1px solid #f1eeeb}.mini-products span{flex:1;font-size:11px}.mini-products strong{font-size:10px}.store-tip{border:1px solid #e6ddea;border-radius:12px;background:#f4eef7;color:#765987;padding:16px;display:flex;gap:10px;font-size:11px;line-height:1.5}.store-tip svg{flex:0 0 auto}.settings-grid{display:grid;gap:15px}.settings-card{padding:21px}.setting-icon{width:42px;height:42px;border-radius:12px;background:#fff0e7;color:#d0835c;display:grid;place-items:center;margin-bottom:17px}.setting-icon.purple{background:#f1eaf6;color:#88669c}.settings-card h2{font-size:15px;margin:0 0 5px}.settings-card p{font-size:11px;color:#9d939b;min-height:30px;line-height:1.5}.setting-lines{margin:15px 0 20px;border-top:1px solid #f0edeb}.setting-lines span{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-bottom:1px solid #f0edeb;color:#9b929a;font-size:11px}.setting-lines strong{font-size:11px;color:#403941;text-align:right}.settings-demo{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;background:#f4e9dd;border:1px solid #ecd9c7;border-radius:13px;padding:17px;margin-top:17px}.settings-demo>div{display:flex;align-items:center;gap:10px;color:#9a684d}.settings-demo>div span{display:flex;flex-direction:column;gap:4px}.settings-demo strong{font-size:12px}.settings-demo small{font-size:10px;color:#a1806e}.settings-footnote{color:#aca3aa;font-size:10px;line-height:1.6;margin:18px 0}.search-card{padding:20px}.search-card>button{border:0;border-top:1px solid #f1eeeb;background:transparent;width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 0}.search-card>button>span:nth-child(2){flex:1;font-size:11px;font-weight:700}.search-card>button small{display:block;font-size:10px;color:#a29aa1;margin-top:4px;font-weight:400}.search-card>p{font-size:11px;color:#a59da3;margin:22px 0}.bottom-nav{height:72px;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eeeae8;z-index:25;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav button{border:0;background:transparent;color:#99929a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;font-size:9px;font-weight:650}.bottom-nav button.active{color:#83506c}.bottom-nav button.active svg{stroke-width:2.3}.mobile-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2c203095;z-index:50;display:flex;align-items:flex-end}.mobile-menu{background:#fff;border-radius:20px 20px 0 0;width:100%;padding:18px 20px calc(25px + env(safe-area-inset-bottom));box-shadow:0 -15px 40px #2f223026}.mobile-menu-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.mobile-menu-title strong{font-size:16px}.mobile-menu>button{display:flex;align-items:center;gap:13px;background:transparent;border:0;border-bottom:1px solid #f1eeeb;width:100%;text-align:left;padding:14px 3px;font-size:13px}.mobile-menu>button>svg:last-child{margin-left:auto;color:#aaa2a8}.notification-panel{position:absolute;right:13px;top:62px;width:min(330px,calc(100vw - 26px));background:#fff;border:1px solid #ebe7e5;box-shadow:0 15px 40px #30233122;border-radius:12px;padding:9px;z-index:40}.notification-title{display:flex;justify-content:space-between;align-items:center;padding:10px 9px;border-bottom:1px solid #f1eeeb}.notification-title strong{font-size:13px}.notification-title span{font-size:10px;color:#a59ba3}.notification-panel>button{width:100%;display:flex;align-items:center;gap:10px;text-align:left;border:0;border-bottom:1px solid #f4f1ef;background:#fff;padding:10px 8px}.notification-panel>button>span:nth-child(2){flex:1}.notification-panel>button strong,.notification-panel>button small{display:block}.notification-panel>button strong{font-size:11px}.notification-panel>button small{font-size:10px;color:#aaa1a8;margin-top:3px}.notification-panel>button>svg{color:#aaa2a8}.notice-dot{width:8px;height:8px;border-radius:50%;background:#e49a76}.no-alerts{font-size:11px;color:#a59da3;padding:17px;text-align:center}.toast{position:fixed;bottom:85px;left:50%;transform:translate(-50%);z-index:100;background:#332b35;color:#fff;border-radius:10px;box-shadow:0 8px 25px #2c203044;padding:12px 15px;font-size:11px;font-weight:650;display:flex;align-items:center;gap:8px;min-width:max-content;max-width:calc(100vw - 30px)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#261b2a9c;display:flex;align-items:flex-end;justify-content:center}.modal{width:100%;max-height:94vh;overflow-y:auto;background:#fff;border-radius:20px 20px 0 0;padding:20px;box-shadow:0 20px 60px #2f223044}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.modal-head h2{font-size:18px;letter-spacing:-.03em;margin:0}.modal-intro{font-size:11px;line-height:1.6;color:#948a92;margin-bottom:18px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;min-width:0}.field>span{font-size:11px;font-weight:750;color:#4b424a}.field input,.field select,.field textarea{width:100%;min-height:40px;border:1px solid #e8e3e2;border-radius:9px;padding:9px 11px;background:#fff;color:#332b34;outline:none;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#b885a7;box-shadow:0 0 0 3px #b885a71b}.field textarea{resize:vertical;min-height:76px}.field small{color:#a29aa1;font-size:10px;line-height:1.4}.form-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid #f1eeec;margin-top:7px}.template-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.template-grid button{border:1px solid #ebe6e4;background:#fff;border-radius:10px;padding:11px;text-align:left;min-height:85px}.template-grid button.selected{border-color:#b7788e;background:#fbf5f8;box-shadow:0 0 0 2px #b7788e18}.template-grid button span,.template-grid button strong,.template-grid button small{display:block}.template-grid button span{font-size:20px;margin-bottom:3px}.template-grid button strong{font-size:11px}.template-grid button small{color:#a69ca4;font-size:9px;line-height:1.3;margin-top:2px}.form-preview{background:#f7f3f0;border-radius:9px;padding:12px;font-size:11px;color:#7d707b;margin-bottom:15px}.form-preview strong{color:#4c354b}.check-field{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#625760;margin:8px 0 16px}.check-field input{accent-color:#805c7c}.sale-total{display:flex;justify-content:space-between;align-items:center;background:#f8f4f1;border-radius:10px;padding:13px;margin-bottom:16px}.sale-total span{font-size:11px;color:#8a7e85}.sale-total strong{font-size:18px;color:#39263b}.catalog-page{background:#faf9f7;min-height:100vh;color:#342c34}.catalog-page>header{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;max-width:1050px;margin:auto}.catalog-brand{display:flex;align-items:center;gap:8px;font-size:10px;color:#8e828b}.catalog-brand img{width:27px;height:27px}.catalog-brand strong{color:#332735;letter-spacing:.07em}.catalog-page main{max-width:1050px;margin:auto;padding:0 18px 60px}.catalog-hero{background:linear-gradient(115deg,#f6e9e1,#ede6f0 74%,#f3ebda);border-radius:18px;text-align:center;padding:50px 20px;margin-bottom:35px}.catalog-emblem{width:68px;height:68px;background:#fff;border-radius:19px;display:grid;place-items:center;margin:0 auto 24px;box-shadow:0 8px 20px #35293712}.catalog-emblem img{width:49px;height:49px}.catalog-hero h1{font-size:36px;letter-spacing:-.055em;margin:0 0 10px}.catalog-hero p{font-size:13px;line-height:1.6;color:#7f707c;max-width:420px;margin:0 auto 20px}.catalog-hero>div:last-child{display:inline-flex;align-items:center;gap:8px;font-size:11px;color:#8b6b77}.catalog-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.catalog-heading h2{font-size:23px;letter-spacing:-.04em;margin:0}.catalog-heading>span{font-size:11px;color:#9a8e97}.catalog-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.catalog-product{background:#fff;border:1px solid #eeebe8;border-radius:14px;overflow:hidden}.catalog-product .product-art{height:140px}.catalog-product>div:last-child{padding:14px}.catalog-product h3{font-size:13px;margin:0 0 4px}.catalog-product p{font-size:10px;color:#aaa0a7;margin:0 0 10px}.catalog-product strong{display:block;font-size:13px;margin-bottom:11px}.catalog-product a{display:inline-flex;align-items:center;gap:4px;color:#fff;background:#3c2b3f;border-radius:8px;padding:9px 10px;font-size:10px;font-weight:750}.catalog-product a.disabled{opacity:.5;cursor:not-allowed}.catalog-footnote{font-size:10px;color:#aaa0a7;margin-top:22px}.catalog-page footer{border-top:1px solid #ede9e6;padding:20px;text-align:center;color:#aaa1a7;font-size:10px}@media(min-width:640px){.content{padding:32px 30px 110px}.topbar{padding:0 30px}.welcome{flex-direction:row;align-items:end;justify-content:space-between}.page-head{flex-direction:row;justify-content:space-between;align-items:end}.page-action{width:auto}.page-action .action-pair>.button{flex:none}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.money-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.money-metrics .metric-card:last-child{grid-column:auto}.metric-card{padding:18px}.metric-card strong{font-size:25px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.order-row{flex-direction:row;justify-content:space-between;align-items:center}.order-row-right{padding-left:0;align-items:flex-end}.order-row-main{flex:1}.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.store-layout{grid-template-columns:minmax(0,1.4fr) minmax(250px,.8fr)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.report-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr))}.modal-backdrop{align-items:center;padding:20px}.modal{max-width:520px;border-radius:18px;padding:24px}.modal-wide{max-width:650px}.toast{bottom:25px}}@media(min-width:960px){.app-shell{display:grid;grid-template-columns:224px minmax(0,1fr)}.sidebar{display:flex;flex-direction:column;position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid #eeecea;padding:29px 14px 17px;min-width:0}.brand{display:flex;align-items:center;gap:9px;margin:0 10px 42px}.brand img{width:40px;height:40px}.brand strong{font-size:14px;letter-spacing:.065em;color:#342938}.brand small{display:block;color:#a69da5;font-size:9px;margin-top:3px}.side-caption{font-size:9px;color:#c3bac1;letter-spacing:.13em;font-weight:800;margin:0 16px 12px}.side-nav{display:flex;flex-direction:column;gap:4px}.side-nav button,.side-setting{height:43px;border:0;background:transparent;border-radius:9px;display:flex;align-items:center;gap:11px;padding:0 13px;color:#7e7680;font-size:11px;text-align:left;font-weight:600}.side-nav button:hover,.side-setting:hover{background:#fbf6f4}.side-nav button.active,.side-setting.active{background:#f8eeea;color:#9b5e52;font-weight:800}.side-nav button span{flex:1}.side-bottom{margin-top:auto}.side-setting{width:100%;margin-bottom:18px}.side-help{background:#f5edf3;border-radius:13px;padding:16px;margin-bottom:19px;position:relative;overflow:hidden}.side-help:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid #ffffffa0;right:-20px;top:-40px;box-shadow:0 0 0 16px #ffffff40}.help-spark{width:30px;height:30px;border-radius:9px;background:#fff;color:#ab79a4;display:grid;place-items:center;margin-bottom:15px}.side-help strong{font-size:11px;display:block;position:relative;z-index:1}.side-help p{font-size:10px;color:#9d869a;line-height:1.45;margin:6px 0 12px;position:relative;z-index:1}.side-help button{border:0;background:transparent;padding:0;color:#8a577f;font-size:10px;font-weight:800;display:flex;align-items:center;gap:5px;position:relative;z-index:1}.sidebar-foot{font-size:9px;color:#b9b0b6;text-align:center}.topbar{height:75px;padding:0 32px}.mobile-brand{display:none}.desktop-search{display:flex;align-items:center;gap:9px;background:#faf9f8;border:1px solid #f1eeeb;border-radius:9px;padding:0 13px;width:285px;height:38px;color:#aaa2a8}.desktop-search input{border:0;background:transparent;outline:none;font-size:11px;width:100%;color:#493d48}.desktop-search input::placeholder{color:#b9b1b7}.top-date{display:block;color:#8d838c;font-size:10px}.top-divider{display:block;width:1px;height:24px;background:#eee9e6;margin:0 3px}.account-pill{padding:4px 0 4px 5px}.account-pill>span:not(.avatar){display:block;text-align:left}.account-pill strong{display:block;font-size:10px;color:#4f444e}.account-pill small{display:block;font-size:9px;color:#b2a9b0;margin-top:3px}.account-pill>svg{display:block;color:#a59ca3}.bottom-nav{display:none}.content{padding:32px 33px 60px}.welcome h1,.page-head h1{font-size:30px}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(275px,.8fr)}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{bottom:25px}}@media(min-width:1250px){.app-shell{grid-template-columns:240px minmax(0,1fr)}.sidebar{padding-left:18px;padding-right:18px}.content{padding:36px 40px 65px}.topbar{padding:0 40px}.metrics-grid{gap:16px}.metric-card{padding:21px}.metric-card strong{font-size:27px}.dashboard-grid,.dashboard-primary,.dashboard-side{gap:20px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-art{height:150px}.order-row-right{flex-direction:row;align-items:center;gap:12px}.row-actions{min-width:85px;text-align:right}}@media(max-width:390px){.content{padding-left:13px;padding-right:13px}.metric-card{padding:13px}.metric-card strong{font-size:20px}.product-grid{gap:9px}.product-body{padding:10px}.product-card-top .badge{max-width:75px;overflow:hidden;text-overflow:ellipsis}.product-art{height:110px}.product-actions .button{font-size:0;gap:0;width:30px;padding:0}.product-actions .button svg{width:14px}.stock-summary>div{padding:11px}.stock-summary span{min-height:25px}.report-hero strong{font-size:28px}}@media(min-width:1250px){.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.money-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}.hris-page .page-head{margin-bottom:22px}.hris-head-actions{display:flex;gap:9px;flex-wrap:wrap}.hris-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.hris-metrics>.card{padding:16px;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.hris-metrics>.card>span:nth-child(2){font-size:10px;color:#8d858d;font-weight:650;line-height:1.3;min-height:27px;margin-top:13px}.hris-metrics strong{font-size:25px;line-height:1.1;letter-spacing:-.05em;margin-top:3px}.hris-metric-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;flex:0 0 auto}.hris-metric-icon.violet{background:#f1eaf6;color:#8c67a5}.hris-metric-icon.green{background:#e8f4ef;color:#4d997c}.hris-metric-icon.peach{background:#fff0e6;color:#d08055}.hris-tabs{margin-bottom:17px}.hris-card{overflow:hidden}.hris-list{padding:7px 18px 12px}.hris-employee,.hris-attendance,.hris-leave{display:flex;align-items:center;gap:11px;padding:13px 2px;border-bottom:1px solid #f0edeb;min-height:67px}.hris-employee:last-child,.hris-attendance:last-child,.hris-leave:last-child{border-bottom:0}.hris-avatar{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:0 0 auto;background:#f1eaf1;color:#8e6d89;font-size:14px;font-weight:800}.hris-person{flex:1;min-width:0}.hris-person strong{display:block;font-size:12px;color:#363039;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hris-person small{display:block;font-size:10px;color:#aaa1a7;margin-top:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis}.hris-edit{border:1px solid #eee7e3;background:#fff;border-radius:8px;padding:7px 10px;color:#8c6758;font-size:10px;font-weight:750}.hris-edit:hover{background:#faf4f0}.hris-date-picker{display:flex;align-items:center;gap:3px;border:1px solid #eee9e6;border-radius:9px;padding:3px}.hris-date-picker>button{border:0;background:transparent;width:27px;height:29px;display:grid;place-items:center;color:#766b75}.hris-date-picker>label{display:flex;align-items:center;gap:4px;color:#978b95}.hris-date-picker input{border:0;outline:none;font-size:10px;color:#5a4f59;width:112px;background:transparent}.hris-attendance select{width:124px;max-width:37%;border:1px solid #e9e5e3;border-radius:8px;background:#fff;padding:8px 7px;font-size:10px;color:#665d66;outline:none}.hris-attendance select:disabled{opacity:1;background:#f5f2f0}.hris-attendance select.attendance-green{color:#488d79;background:#edf7f1}.hris-attendance select.attendance-purple{color:#8c65a9;background:#f4eefa}.hris-attendance select.attendance-orange{color:#c97644;background:#fff0e4}.hris-attendance select.attendance-red{color:#d05e61;background:#fff0ef}.hris-attendance select.attendance-neutral{color:#918a90;background:#f2f1f0}.hris-leave{flex-wrap:wrap}.hris-leave .hris-metric-icon{width:36px;height:36px}.hris-leave-actions{display:flex;gap:5px}.hris-leave-actions button{border:0;background:#edf5ef;color:#438a70;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:750}.hris-leave-actions button:last-child{background:#faf0ee;color:#bd6f66}.hris-footnote{color:#a79da4;font-size:10px;line-height:1.5;margin-top:16px}@media(max-width:639px){.hris-head-actions{width:100%}.hris-head-actions .button{flex:1}.hris-metrics>.card{padding:13px}.hris-metrics strong{font-size:22px}.hris-attendance-heading{flex-direction:column}.hris-date-picker{margin-top:10px}.hris-leave .hris-person{min-width:calc(100% - 55px)}.hris-leave>.badge{margin-left:47px}.hris-leave-actions{margin-left:auto}.hris-employee .badge{font-size:8px;padding:4px 5px}.hris-edit{padding:6px 8px}}@media(min-width:640px){.hris-metrics{gap:15px}.hris-metrics>.card{padding:20px}.hris-metrics strong{font-size:28px}.hris-list{padding-left:22px;padding-right:22px}.hris-leave{flex-wrap:nowrap}}