@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";:root{font-family:DM Sans,sans-serif;color:#292523;background:#f7f5f1;font-synthesis:none;--ink:#292523;--muted:#8a8580;--line:#eae6df;--terra:#b95d3c;--dark:#25221f}*{box-sizing:border-box}body{margin:0;background:#f7f5f1}button,input,select{font:inherit}button{border:0;cursor:pointer;color:inherit}.login-page{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:#fbfaf7}.login-art{background:linear-gradient(140deg,#29231f,#49332b);color:#fff;padding:clamp(36px,7vw,100px);display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.login-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-180px;top:-150px;box-shadow:0 0 0 52px #ffffff06,0 0 0 104px #ffffff05}.brand-mark{background:#bd6948;color:#fff;width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-weight:700;letter-spacing:-1px}.brand-mark.small{width:35px;height:35px;border-radius:11px;font-size:12px}.eyebrow{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;color:var(--terra);margin:0 0 12px}.login-art .eyebrow{color:#e6ad8c;margin-top:38px}.login-art h1{font-family:Playfair Display,serif;font-size:clamp(42px,5vw,74px);line-height:1.02;font-weight:600;margin:0 0 25px;letter-spacing:-2px}.login-art h1 em{color:#e5a780}.muted{color:var(--muted);font-size:13px}.light{color:#cfc5bd;font-size:15px;max-width:310px;line-height:1.6}.login-note{display:flex;align-items:center;gap:8px;font-size:12px;color:#cdbbb0;margin-top:65px}.login-card{width:min(410px,85%);margin:auto;display:flex;flex-direction:column;gap:17px}.brand-row,.side-brand{display:flex;gap:11px;align-items:center}.brand-row strong,.side-brand strong{display:block;font-size:14px}.brand-row span,.side-brand span{display:block;color:var(--muted);font-size:11px;margin-top:2px}.login-card h2{font-family:Playfair Display,serif;font-size:34px;margin:38px 0 -8px;font-weight:600}.login-card label,.modal label,.stack-form label{font-size:12px;font-weight:600;color:#5c5651;display:flex;flex-direction:column;gap:8px}.login-card input,.modal input,.modal select,.stack-form input,.stack-form select{border:1px solid var(--line);background:#fff;border-radius:11px;padding:13px 14px;outline:none;color:var(--ink);font-size:13px}.login-card input:focus,.modal input:focus,.modal select:focus,.stack-form input:focus,.stack-form select:focus{border-color:#c9876f;box-shadow:0 0 0 3px #b95d3c1a}.primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--terra);color:#fff;border-radius:10px;padding:12px 16px;font-size:13px;font-weight:700;transition:.2s}.primary:hover{background:#a95135;transform:translateY(-1px)}.primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.full{width:100%}.center{text-align:center}.alert{background:#fff1ed;color:#b34429;border:1px solid #f1c9be;padding:11px;border-radius:9px;font-size:12px}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;background:#2b2724;color:#c8bdb5;padding:25px 16px;display:flex;flex-direction:column;flex-shrink:0}.side-brand{padding:0 10px 35px;color:#fff}.side-brand span{color:#9c8f86}.side-section{font-size:10px;letter-spacing:1.3px;color:#80736b;padding:15px 12px 9px}.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:11px 12px;background:transparent;color:#a99c93;border-radius:9px;text-align:left;font-size:13px;margin:2px 0}.nav-item:hover{color:#fff;background:#39312c}.nav-item.active{background:#b95d3c;color:#fff;box-shadow:0 7px 18px #0000001f}.side-bottom{margin-top:auto}.online{font-size:11px;color:#8f9b86;border-top:1px solid #403833;padding:18px 10px;display:flex;align-items:center;gap:7px}.online span{width:6px;height:6px;border-radius:50%;background:#8aaa76}.user-mini{border-top:1px solid #403833;padding:15px 5px 0;display:flex;align-items:center;gap:9px}.user-mini strong{font-size:11px;color:#eee;display:block}.user-mini span{font-size:10px;color:#8e827a}.user-mini button{margin-left:auto;background:none;color:#93877f}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#ead2c5;color:#9d5036;font-size:12px;font-weight:700}.main{min-width:0;flex:1}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,4vw,52px);color:var(--ink);font-size:13px}.breadcrumb{color:#b7aea6}.top-actions{display:flex;gap:20px;align-items:center}.date-label{font-size:12px;color:var(--muted)}.mobile-menu{display:none;background:none}.content{padding:clamp(26px,4vw,52px);max-width:1400px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:33px}.page-heading h1{font-family:Playfair Display,serif;font-size:36px;letter-spacing:-1px;margin:0 0 7px}.page-heading h1 span{color:var(--terra);font-size:24px}.page-heading.compact{margin-bottom:30px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:15px}.stat-card{padding:20px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}.stat-icon{grid-row:span 2;width:39px;height:39px;border-radius:11px;display:grid;place-items:center}.stat-icon.orange{color:#b95d3c;background:#fae8df}.stat-icon.teal{color:#398a88;background:#e2f2ef}.stat-icon.rose{color:#aa5c76;background:#f6e5e9}.stat-icon.purple{color:#77649e;background:#ede8f7}.stat-title{font-size:11px;color:var(--muted)}.stat-value{font-size:24px;margin-top:3px}.stat-sub{font-size:11px;color:#9b948e;grid-column:2}.grid-2{display:grid;grid-template-columns:1.15fr .85fr;gap:22px}.panel{padding:22px}.accent-panel{background:#f4ece4;border-color:#eadbd0}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.panel h3{font-size:15px;margin:0 0 4px}.panel-head .muted{margin:0}.text-btn{background:none;color:var(--terra);font-size:12px;display:flex;align-items:center;gap:6px}.activity-list{display:flex;flex-direction:column}.activity{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid #f1eee9}.activity:last-child{border:0}.activity-icon{width:32px;height:32px;border-radius:9px;display:grid;place-items:center}.activity-icon.orange{background:#fae8df;color:#b95d3c}.activity strong,.activity span{display:block}.activity strong{font-size:12px}.activity span{font-size:11px;color:var(--muted);margin-top:3px}.activity b{margin-left:auto;font-size:12px}.mini-progress{margin:30px 0}.progress-row{display:flex;justify-content:space-between;font-size:12px;margin-bottom:9px}.progress-row b{color:var(--terra)}.progress{height:8px;background:#e5d9ce;border-radius:10px;overflow:hidden}.progress i{display:block;height:100%;background:var(--terra);border-radius:10px}.tip{border-top:1px solid #dfd0c5;padding-top:16px;display:flex;gap:10px;color:#8d6250;font-size:11px;line-height:1.5}.tip b{font-size:12px;color:#684838}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.search{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 12px;width:260px;color:#a69e97}.search input{border:0;outline:none;padding:11px 0;width:100%;font-size:12px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:22px 22px 0}table{width:100%;border-collapse:collapse;text-align:left}th{color:#a39b94;font-size:10px;letter-spacing:.8px;font-weight:700;padding:13px 22px;border-bottom:1px solid var(--line)}td{padding:14px 22px;border-bottom:1px solid #f2efeb;font-size:12px;color:#625b55}tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:10px}.product-cell strong{display:block;color:var(--ink);font-size:12px}.product-cell span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.product-thumb{width:33px;height:33px;border-radius:9px;background:#f5e5dc;color:#ae5c3d;display:grid;place-items:center;font-weight:700;font-family:Playfair Display,serif}.product-thumb.large{width:46px;height:46px;font-size:18px}.tag{background:#f5f0eb;color:#786960;border-radius:6px;padding:5px 8px;font-size:10px}.status{font-size:10px;border-radius:20px;padding:5px 8px;font-weight:700}.status.good{color:#4d8464;background:#e8f3eb}.status.warning{color:#a26737;background:#fff0dc}.danger-text{color:#b95d3c}.empty{display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted);padding:40px 20px;font-size:12px}.stock-cards{display:flex;gap:14px;margin-bottom:20px}.stock-summary{background:#e8f3ee;border-radius:12px;padding:16px 20px;display:flex;gap:12px;align-items:center;color:#4e8a70;min-width:220px}.stock-summary.warn{background:#fff0df;color:#af723e}.stock-summary span,.stock-summary strong{display:block}.stock-summary span{font-size:11px;color:#77716b}.stock-summary strong{font-size:22px;margin-top:3px}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:5}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#241d1980}.modal{position:relative;background:#fff;border-radius:16px;width:min(560px,92%);padding:24px;box-shadow:0 25px 80px #0003}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-head h3{font-family:Playfair Display,serif;font-size:23px;margin:0}.modal-head button{background:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label:first-child{grid-column:span 2}.modal-actions{grid-column:span 2;display:flex;justify-content:flex-end;gap:10px;margin-top:7px}.secondary{background:#f2eee9;border-radius:10px;padding:12px 16px;font-size:13px}.sales-layout,.work-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:20px;margin-bottom:22px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.sale-product{background:#fbfaf8;border:1px solid var(--line);border-radius:12px;text-align:left;padding:12px;display:flex;flex-direction:column;gap:5px}.sale-product:hover{border-color:#d3947e;background:#fff}.sale-product:disabled{opacity:.45}.sale-product strong{font-size:12px}.sale-product span{font-size:10px;color:var(--muted)}.compact-search{width:145px}.cart-panel{display:flex;flex-direction:column}.cart-list{flex:1}.cart-item{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid #f1eee9}.cart-item strong,.cart-item span{display:block}.cart-item strong{font-size:12px}.cart-item span{font-size:10px;color:var(--muted);margin-top:3px}.cart-item b{margin-left:auto;font-size:12px}.cart-footer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.cart-footer>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.cart-footer span{font-size:12px;color:var(--muted)}.cart-footer strong{font-size:25px}.sales-history{padding:0}.work-layout{grid-template-columns:.7fr 1.3fr}.stack-form{display:flex;flex-direction:column;gap:15px}.stack-form button{margin-top:5px}.loading{min-height:400px;display:flex;justify-content:center;align-items:center;gap:10px;color:var(--muted);font-size:13px}.spinner{width:17px;height:17px;border:2px solid #ead8cf;border-top-color:var(--terra);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rotate-270{transform:rotate(-90deg)}.image-thumb{object-fit:cover}.upload-field small,.stack-form small{font-size:10px;color:var(--muted);font-weight:400}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-preview{max-width:220px;max-height:90px;object-fit:contain;object-position:left center;border:1px solid var(--line);border-radius:10px;padding:10px;background:#fff}.favicon-preview{width:64px;height:64px;object-fit:contain;border:1px solid var(--line);border-radius:10px;padding:8px}.media-info{background:#f4ece4;border-color:#eadbd0}@media(max-width:900px){.sidebar{position:fixed;left:-250px;top:0;bottom:0;z-index:4;transition:.2s}.sidebar.open{left:0}.mobile-menu{display:block}.topbar{gap:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.sales-layout,.work-layout,.settings-grid{grid-template-columns:1fr}.date-label{display:none}.content{padding:26px 18px}.page-heading h1{font-size:30px}.page-heading{align-items:flex-start;gap:15px;flex-direction:column}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:40px 0}.table-panel{overflow-x:auto}table{min-width:650px}.form-grid{grid-template-columns:1fr}.form-grid label:first-child,.modal-actions{grid-column:auto}.stock-cards{overflow:auto}.stock-summary{min-width:190px}}