:root{--sky: #aec3d8;--brown: #5d4037;--cream: #fcf5f0;--cream-soft: #fbf5ee;--label: #504441;--placeholder: #d4c3be;--white: #ffffff;--radius-pill: 9999px;--radius-box: 9px;--radius-chip: 19.5px;--radius-admin: 5px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--sky);color:var(--brown)}button,input{font:inherit}button{border:0;cursor:pointer}input{border:0;outline:0;background:transparent}.app-shell{min-height:100vh}.device-frame{position:relative;width:100%;max-width:480px;margin:0 auto;min-height:100vh;background:transparent;overflow:hidden}.top-bar{position:fixed;inset:0 0 auto;height:61px;background:var(--brown);box-shadow:0 1px 2px #0000000d;display:flex;align-items:center;justify-content:space-between;padding:0 13px 0 15px;z-index:3}.brand{color:var(--sky);font-family:Prompt,sans-serif;font-weight:500;font-size:20px;line-height:41.6px;letter-spacing:-.04em}.admin-pill{width:93px;height:20px;border-radius:var(--radius-admin);background:var(--sky);color:var(--brown);display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 6px;font-family:Prompt,sans-serif;font-weight:500;font-size:10px;line-height:1}.admin-pill-icon{width:12px;height:12px;display:inline-flex}.admin-pill-icon svg,.hero-login-icon svg,.search-icon svg,.line-fab svg{width:100%;height:100%;fill:currentColor}.screen{position:relative;min-height:100vh;padding-top:61px}.home-screen{display:grid;place-items:center}.hero-block{width:362px;margin-top:-34px;display:flex;flex-direction:column;align-items:center}.hero-title{margin:0;color:#442a22;font-family:Plus Jakarta Sans,sans-serif;font-size:48px;font-weight:800;line-height:57.6px;letter-spacing:-.02em;text-align:center;text-shadow:0 4px 6px rgba(93,64,55,.1)}.hero-subtitle{margin:2px 0 30px;color:var(--label);font-family:Be Vietnam Pro,sans-serif;font-size:18px;font-weight:400;line-height:28.8px;text-align:center}.hero-login-icon{position:absolute;top:105px;left:128px;width:24px;height:24px;color:var(--brown)}.search-shell{position:relative;display:flex;align-items:center;width:362px;min-height:45.7px;padding:1px 5px 0 0;background:var(--cream);border-radius:var(--radius-pill);box-shadow:0 20px 20px #5d403714}.search-shell-compact{margin:13px auto 0}.search-icon{position:absolute;left:18px;top:50%;width:18px;height:18px;color:var(--brown);transform:translateY(-50%)}.search-input{flex:1;height:44.59px;border-radius:var(--radius-pill);padding:12px 116px 12px 56px;background:var(--cream-soft);color:var(--brown);font-family:Prompt,sans-serif;font-size:10px;font-weight:400}.search-input::placeholder{color:var(--placeholder)}.search-button{position:absolute;right:5px;top:2.5px;min-width:101px;min-height:41px;border-radius:var(--radius-pill);background:var(--brown);color:var(--white);box-shadow:0 4px 6px #5d403726;font-family:Be Vietnam Pro,sans-serif;font-size:14px;font-weight:600;line-height:16.8px;letter-spacing:.05em}.result-screen{padding:61px 20px 32px}.receipt-card{position:relative;margin-top:19px;min-height:647px;padding:52px 14px 54px;background:var(--cream);border-radius:34px;box-shadow:0 18px 32px #5d403714}.receipt-notch{position:absolute;top:0;left:50%;transform:translate(-50%,6px);line-height:0}.receipt-meta{display:flex;justify-content:space-between;margin-top:-28px;margin-bottom:12px}.meta-chip{height:21px;border-radius:var(--radius-chip);background:var(--brown);color:var(--white);display:inline-flex;align-items:center;justify-content:center;padding:0 12px;font-family:Prompt,sans-serif;font-weight:500;font-size:11px;line-height:41.6px}.meta-chip-date,.meta-chip-code{padding:0 12px}.stack-fields{display:grid;gap:8px}.two-column-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.detail-group{display:grid;gap:3px}.detail-label,.section-title,.mini-label{color:var(--brown);font-family:Prompt,sans-serif;font-size:14px;font-weight:500;line-height:41.6px;letter-spacing:-.04em}.detail-box,.mini-box{min-height:31px;background:var(--sky);border-radius:var(--radius-box);color:var(--brown);display:flex;align-items:center;padding:0 11px;font-family:Prompt,sans-serif;font-size:14px;font-weight:500;line-height:41.6px}.address-field .detail-box{min-height:76px;align-items:flex-start;padding-top:6px;line-height:1.45}.section-title{margin-top:7px}.order-list{display:grid;gap:9px;margin-top:-1px}.order-row{display:grid;grid-template-columns:33px 1fr 47px;gap:12px;align-items:end}.order-avatar{width:33px;height:33px;margin-top:0;margin-bottom:4px;border-radius:50%;border:2px solid var(--white);box-shadow:0 0 0 2px var(--sky)}.order-avatar-berry{background:radial-gradient(circle at 30% 30%,#ffd5dd,#f38a9c 55%,#d86b7f)}.order-avatar-theo{background:radial-gradient(circle at 30% 30%,#f5e1bf,#cda16b 58%,#a87645)}.order-info,.order-qty{display:grid;gap:1px}.qty-box{justify-content:center;padding:0}.status-area,.tracking-area{display:grid;gap:2px}.status-box{min-height:32px;font-size:13px}.line-fab{position:fixed;right:max(13px,calc(50vw - 227px));bottom:10px;width:43px;height:43px;border-radius:50%;background:var(--brown);color:var(--white);display:grid;place-items:center;box-shadow:0 12px 20px #5d403729}.line-fab svg{width:24px;height:24px}@media(max-width:420px){.hero-block,.search-shell{width:calc(100vw - 40px)}}img.order-avatar{object-fit:cover;background:var(--cream)}.item-row{display:flex;gap:8px;align-items:center}.admin-product-preview{width:40px;height:40px;border-radius:8px;object-fit:cover;border:2px solid var(--white);box-shadow:0 2px 4px #5d40371a;background:var(--cream);flex-shrink:0}.flex-1{flex:1}.flex-2{flex:2}.item-remove-btn{background:#ffecf0;color:#d86b7f;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700}.item-add-btn{background:var(--cream-soft);color:var(--brown);border:1px dashed rgba(93,64,55,.3);border-radius:12px;height:40px;font-family:Prompt,sans-serif;font-size:13px;font-weight:500;margin-top:4px}.admin-screen{padding:61px 20px 32px}.tab-container{display:flex;gap:10px;margin-top:19px;margin-bottom:20px}.tab-btn{flex:1;height:40px;border-radius:var(--radius-pill);background:var(--cream);color:var(--label);font-family:Prompt,sans-serif;font-size:14px;font-weight:500;box-shadow:0 4px 6px #5d40370d;transition:all .2s}.tab-btn.active{background:var(--brown);color:var(--white);box-shadow:0 4px 6px #5d403726}.admin-content{background:var(--cream);border-radius:34px;padding:30px 20px;box-shadow:0 18px 32px #5d403714;min-height:500px}.admin-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.form-group label{color:var(--brown);font-family:Prompt,sans-serif;font-size:13px;font-weight:500;padding-left:8px}.admin-input{width:100%;height:40px;border-radius:12px;padding:0 16px;background:var(--cream-soft);color:var(--brown);font-family:Prompt,sans-serif;font-size:13px;border:1px solid rgba(93,64,55,.1)}.admin-textarea{height:auto;padding:12px 16px;resize:vertical}.admin-input:focus{border-color:var(--brown);background:var(--white)}.admin-submit-btn{margin-top:10px;height:46px;border-radius:var(--radius-pill);background:var(--brown);color:var(--white);font-family:Prompt,sans-serif;font-size:15px;font-weight:600;box-shadow:0 6px 12px #5d403726}.history-list{display:flex;flex-direction:column;gap:14px}.empty-state{text-align:center;color:var(--placeholder);font-family:Prompt,sans-serif;font-size:14px;padding:40px 0}.history-card{background:var(--white);border-radius:16px;padding:16px;box-shadow:0 2px 8px #0000000a;border:1px solid rgba(93,64,55,.05)}.history-header{display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px;border-bottom:1px dashed rgba(93,64,55,.1)}.history-code{font-family:Prompt,sans-serif;font-weight:600;font-size:13px;color:var(--brown)}.history-date{font-family:Prompt,sans-serif;font-size:11px;color:var(--label)}.history-body{display:flex;flex-direction:column;gap:6px}.history-row{font-family:Prompt,sans-serif;font-size:13px;color:var(--label)}.status-badge{display:inline-block;background:var(--sky);color:var(--brown);padding:2px 8px;border-radius:6px;font-size:12px;font-weight:500}.admin-actions{display:flex;gap:12px;margin-top:24px}.admin-actions button{flex:1}.admin-cancel-btn{background:var(--cream);color:var(--brown);border:1px dashed rgba(93,64,55,.3);border-radius:var(--radius-box);height:48px;font-family:Prompt,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:opacity .2s}.admin-cancel-btn:hover{opacity:.8}.history-card.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.history-card.clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #5d40371a}.history-date-wrap{display:flex;align-items:center;gap:8px}.edit-icon{font-size:12px;color:var(--sky);background:#aec3d833;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%}.filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;background:var(--white);padding:16px;border-radius:var(--radius-box);box-shadow:0 2px 8px #5d40370d}.filter-row{display:flex;gap:12px}.filter-row .admin-input{flex:1}.admin-checkbox{width:18px;height:18px;accent-color:var(--brown);cursor:pointer}.bulk-action-bar{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;background:var(--white);padding:16px 20px;box-shadow:0 -4px 12px #5d40371a;border-radius:16px 16px 0 0;z-index:100;display:flex;flex-direction:column;gap:12px}.bulk-info{font-family:Prompt,sans-serif;color:var(--brown);font-size:14px;text-align:center}.bulk-controls{display:flex;gap:12px}