@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";:root{--primary: #E85D42;--primary-light: #FFEEEB;--secondary: #1A1A1A;--bg-body: #F2F4F7;--bg-card: #FFFFFF;--text-main: #1A1A1A;--text-muted: #9CA3AF;--border: transparent;--shadow-sm: 0 4px 20px 0 rgba(0, 0, 0, .03);--shadow-md: 0 10px 30px -5px rgba(0, 0, 0, .06);--shadow-float: 0 20px 40px -10px rgba(0, 0, 0, .08);--radius: 1.25rem;--radius-sm: .75rem;--radius-pill: 9999px;font-family:Google Sans,Outfit,system-ui,-apple-system,sans-serif}body{margin:0;background-color:var(--bg-body);color:var(--text-main);-webkit-font-smoothing:antialiased;font-weight:500}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:800;font-family:inherit;letter-spacing:-.02em}button{cursor:pointer;border:none;background:none;font-family:inherit}a{text-decoration:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:none;padding:1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:var(--radius-pill);font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover{opacity:.9}.input{width:100%;padding:.75rem 1rem;border:1px solid #E5E7EB;border-radius:var(--radius-sm);outline:none;background-color:#f9fafb;color:#111827;font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.2;transition:all .2s}.input::placeholder{color:#94a3b8;font-weight:400}.input:focus{border-color:var(--primary);box-shadow:0 0 0 2px var(--primary-light)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:.75rem 1rem;border-bottom:2px solid var(--border);color:var(--text-muted);font-size:.875rem;font-weight:600}td{padding:.75rem 1rem;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}.settings-tabs{display:flex;gap:1rem;margin-bottom:2rem;border-bottom:1px solid var(--border);padding-bottom:1px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.settings-tabs::-webkit-scrollbar{display:none}.settings-tab-btn{padding:.75rem 1.5rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--text-muted);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .2s;font-size:1rem}.settings-tab-btn.active{border-bottom-color:var(--primary);color:var(--primary)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media(max-width:768px){.app-modal-panel{position:fixed!important;left:.5rem!important;right:.5rem!important;bottom:.5rem!important;width:auto!important;max-width:none!important;max-height:calc(100dvh - 1rem)!important;margin:0!important;border-radius:24px!important;box-shadow:0 24px 70px #0f172a38!important}.app-modal-header{position:sticky;top:0;z-index:3;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.app-modal-body{padding:.75rem!important}.settings-grid{grid-template-columns:1fr}.settings-tabs{gap:.5rem}.settings-tab-btn{padding:.75rem 1rem;font-size:.9rem}input,select,textarea,.input{font-size:16px!important}}.no-spinners::-webkit-outer-spin-button,.no-spinners::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners{-moz-appearance:textfield;appearance:none}.qty-stepper{display:inline-flex;align-items:center;gap:.35rem;width:max-content;max-width:100%}.qty-stepper-control{display:grid;grid-template-columns:34px minmax(44px,1fr) 34px;align-items:center;flex:1 1 124px;width:124px;max-width:100%;min-width:112px;border:1px solid #dbe3ee;border-radius:10px;overflow:hidden;background:#fff}.qty-stepper-input{width:100%;min-width:0;height:40px;box-sizing:border-box;border:0;border-left:1px solid #eef2f7;border-right:1px solid #eef2f7;border-radius:0;background:#fff;color:#111827;font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.2;text-align:center;outline:none;padding:0 .35rem;transition:border-color .14s ease,box-shadow .14s ease}.qty-stepper-input::placeholder{color:#94a3b8;font-weight:400}.qty-stepper-input:focus{box-shadow:inset 0 0 0 2px #ef563b2e}.qty-stepper-button{width:34px;height:40px;border:0;background:#f8fafc;color:#64748b;cursor:pointer;padding:0;display:grid;place-items:center;transition:background .14s ease,color .14s ease}.qty-stepper-button:hover:not(:disabled){color:var(--primary);background:#fff1ed}.qty-stepper-button:disabled{cursor:not-allowed;opacity:.35}.qty-stepper-unit{min-width:0;color:#64748b;font-weight:500;font-size:.88rem;white-space:nowrap}.stock-add-label{display:block;margin-bottom:.35rem;color:#334155;font-size:.85rem;font-weight:600}.stock-add-row{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:end;gap:.75rem}.stock-add-qty-field .qty-stepper,.stock-add-qty-stepper,.stock-add-qty-field .qty-stepper-control{width:100%}.stock-item-picker{position:relative;width:100%}.stock-item-trigger{width:100%;height:46px;display:flex;align-items:center;justify-content:space-between;gap:.75rem;border:1px solid #e2e8f0;border-radius:var(--radius-sm);background:#f8fafc;color:#94a3b8;font-family:inherit;font-size:.95rem;font-weight:400;line-height:1.2;padding:0 .9rem 0 1rem;text-align:left;cursor:pointer;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.stock-item-trigger.has-value{color:#111827}.stock-item-trigger:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #ef563b1f}.stock-item-trigger span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stock-item-trigger-arrow{flex:0 0 auto;color:#94a3b8;font-size:1rem;line-height:1}.stock-item-menu{display:flex;flex-direction:column;min-height:0;padding:.55rem;border:1px solid #dbe3ee;border-radius:16px;background:#fff;box-shadow:0 18px 45px #0f172a29}.stock-item-menu:not(.stock-item-menu-floating){position:absolute;top:calc(100% + .45rem);left:0;right:0;z-index:80}.stock-item-menu-floating{position:fixed;right:auto;z-index:320;overflow:hidden}.stock-item-search{height:40px;display:flex;align-items:center;gap:.45rem;padding:0 .75rem;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;color:#94a3b8}.stock-item-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#111827;font:inherit;font-size:.92rem}.stock-item-search input::placeholder{color:#94a3b8}.stock-item-options{flex:1;min-height:0;max-height:none;overflow-y:auto;padding-top:.4rem}.stock-item-option{width:100%;border:0;border-radius:10px;background:transparent;color:#111827;font:inherit;font-size:.94rem;font-weight:400;line-height:1.25;padding:.65rem .75rem;text-align:left;cursor:pointer;transition:background .12s ease,color .12s ease}.stock-item-option:hover,.stock-item-option.selected{background:#fff1ed;color:var(--primary)}.stock-item-empty{padding:.85rem;color:#94a3b8;font-size:.9rem;text-align:center}@media(max-width:768px){.stock-add-modal-panel{left:max(.5rem,calc((100vw - 620px)/2))!important;right:max(.5rem,calc((100vw - 620px)/2))!important;bottom:.5rem!important;max-width:620px!important}}@media(max-width:560px){.stock-add-row{grid-template-columns:minmax(0,1fr) 104px;gap:.55rem}.stock-add-qty-field{max-width:none}}@media(max-width:420px){.stock-add-row{grid-template-columns:1fr}.stock-add-qty-field{max-width:132px}}
