body{margin:0;background:linear-gradient(135deg,#faf7f2,#f5efe6);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:#4a3e3d;min-height:100vh}.app{padding:40px 20px 120px;text-align:center;max-width:1000px;margin:0 auto}h1{font-size:38px;color:#3d312a;margin-bottom:8px;letter-spacing:1px}h2{font-size:26px;color:#8c7365;font-weight:500;margin-bottom:24px}.app-subtitle{margin:0 0 20px;font-size:15px;color:#8c7365;text-align:center;letter-spacing:3px}h3{font-size:18px;color:#a0887b;font-weight:400}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.card{height:150px;border:1px solid rgba(220,205,190,.4);border-radius:20px;background:#fff;font-size:20px;font-weight:600;color:#5a4b43;box-shadow:0 10px 25px -5px #a58c7314;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.card:hover{transform:translateY(-5px);box-shadow:0 15px 30px -5px #a58c732e;border-color:#e2cfbe;background:#fffcf8}.icon{font-size:36px;width:64px;height:64px;line-height:64px;border-radius:50%;background:#faf4ed;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.card:hover .icon{transform:scale(1.1);background:#f5eae0}.back{margin-top:40px;padding:12px 40px;font-size:18px;border-radius:25px;border:1px solid #D8C3B3;background:#fff;color:#7a6355;cursor:pointer;box-shadow:0 4px 12px #8c736414;transition:all .2s ease}.back:hover{background:#f7efe9}.product-card{background:#fff;padding:24px;border-radius:20px;margin:16px auto;max-width:500px;box-shadow:0 8px 20px #a58c7314;border:1px solid #F0ECE6}.product-card button{background:#e08253;color:#fff;border:none;padding:10px 24px;border-radius:12px;font-size:16px;cursor:pointer;transition:background .2s ease}.product-card button:hover{background:#d07243}.cart-bar{position:fixed;bottom:0;left:0;right:0;height:80px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid #EAE1D7;display:flex;justify-content:space-around;align-items:center;font-size:20px;color:#4a3e3d;box-shadow:0 -8px 25px #785a4614;z-index:999}.cart-bar button{background:linear-gradient(135deg,#e08253,#d36c3a);color:#fff;border:none;padding:12px 32px;border-radius:25px;font-size:18px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #e082534d}.cart-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#3c322d66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2000}.cart-box{background:#fff;width:90%;max-width:500px;max-height:86vh;overflow-y:auto;padding:30px;border-radius:24px;box-shadow:0 20px 40px #00000026}.status-text{margin:16px auto;color:#8c7365;font-size:16px}.status-text.error{color:#c45c4a}.status-text.success{color:#3d8b6e}.customer-form{margin-top:20px;text-align:left;display:flex;flex-direction:column;gap:12px}.customer-form h3{margin:8px 0 0}.customer-form label{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#7a6355}.customer-form input,.customer-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid #E2CFBE;border-radius:12px;font-size:16px;font-family:inherit;color:#4a3e3d;background:#fffcf8}.customer-form input:focus,.customer-form textarea:focus{outline:none;border-color:#e08253}.submit-quote{margin-top:8px;padding:12px 24px;border:none;border-radius:20px;background:linear-gradient(135deg,#e08253,#d36c3a);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.submit-quote:disabled{opacity:.7;cursor:wait}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid #F5EFE6;font-size:18px}.cart-item button{background:#ff6b6b;color:#fff;border:none;padding:6px 16px;border-radius:8px;cursor:pointer}.cart-box>button{margin-top:24px;padding:12px 40px;border:none;background:#e8dfd8;color:#5a4b43;border-radius:20px;font-size:16px;cursor:pointer}.cart-actions{display:flex;gap:12px;margin-top:24px}.cart-actions button{flex:1;padding:12px 24px;border:none;border-radius:20px;font-size:16px;font-weight:600;cursor:pointer}.btn-save-quote{background:linear-gradient(135deg,#e08253,#d36c3a);color:#fff}.btn-save-quote:disabled{opacity:.6;cursor:wait}.cart-actions button:last-child{background:#e8dfd8;color:#5a4b43}.tabs{display:flex;gap:12px;justify-content:center;margin:8px auto 28px}.tab{padding:12px 28px;border-radius:24px;border:1px solid #E2CFBE;background:#fff;color:#7a6355;font-size:16px;cursor:pointer}.tab.active{background:linear-gradient(135deg,#e08253,#d36c3a);color:#fff;border-color:transparent}.home-form{max-width:460px;margin:0 auto;background:#fff;padding:24px;border-radius:20px;border:1px solid #F0ECE6;box-shadow:0 8px 20px #a58c7314}.customer-picker{max-width:560px;margin:0 auto}.search-input{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:16px;border:1px solid #E2CFBE;font-size:16px;font-family:inherit;background:#fffcf8;color:#4a3e3d}.customer-list{margin-top:16px;display:flex;flex-direction:column;gap:12px;text-align:left}.customer-row{width:100%;border:1px solid #F0ECE6;background:#fff;border-radius:16px;padding:16px 18px;cursor:pointer;text-align:left;box-shadow:0 6px 16px #a58c730f}.customer-row-name{font-size:18px;font-weight:600;color:#3d312a}.customer-row-meta,.customer-row-quote{margin-top:4px;font-size:14px;color:#8c7365}.customer-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;max-width:640px;margin:0 auto 20px;padding:12px 16px;background:#fffcf8;border:1px solid #E2CFBE;border-radius:16px;text-align:left}.customer-banner button{border:none;background:#e8dfd8;color:#5a4b43;border-radius:16px;padding:8px 14px;cursor:pointer;white-space:nowrap}.product-card .btn-detail{background:#f7efe9;color:#a0653c;border:1px solid #E2CFBE;padding:6px 18px;border-radius:16px;font-size:14px;margin-right:8px;vertical-align:middle}.product-card .btn-detail:hover{background:#efe2d5;border-color:#d8c3b3}.detail-box{position:relative;text-align:left}.detail-close{position:absolute;top:12px;right:16px;width:36px;height:36px;border:none;border-radius:50%;background:#f7efe9;color:#8c7365;font-size:22px;line-height:36px;padding:0;cursor:pointer;transition:background .2s ease}.detail-close:hover{background:#efe2d5;color:#5a4b43}.detail-list{margin:8px 0 0;padding:0;list-style:none}.detail-list li{position:relative;padding:10px 0 10px 28px;font-size:16px;color:#4a3e3d;border-bottom:1px solid #F5EFE6}.detail-list li:before{content:"✓";position:absolute;left:4px;color:#e08253;font-weight:600}.detail-list li:last-child{border-bottom:none}.orders-view{max-width:640px;margin:0 auto}.order-auth-form{max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:12px;padding:24px;background:#fff;border-radius:20px;border:1px solid #F0ECE6;box-shadow:0 8px 20px #a58c7314}.order-auth-form .search-input{text-align:center;letter-spacing:4px}.order-list{display:flex;flex-direction:column;gap:12px;text-align:left}.order-card{border:1px solid #F0ECE6;background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 6px 16px #a58c730f}.order-card-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:16px 18px;cursor:pointer;transition:background .2s ease}.order-card-header:hover{background:#fffcf8}.order-customer{font-size:18px;font-weight:600;color:#3d312a}.order-meta{display:flex;gap:16px;font-size:14px;color:#8c7365;flex-wrap:wrap}.order-amount{font-weight:700;color:#e08253}.order-status{font-size:12px;color:#8c7365;background:#f5efe6;padding:4px 10px;border-radius:10px;text-transform:uppercase}.order-detail{padding:0 18px 18px;border-top:1px solid #F5EFE6}.order-detail-table{width:100%;border-collapse:collapse;font-size:14px;margin-top:12px}.order-detail-table th{background:#f5efe6;color:#8c7365;font-weight:500;padding:8px 6px;border:1px solid #EAE1D7;text-align:center}.order-detail-table td{padding:8px 6px;border:1px solid #EAE1D7;color:#4a3e3d}.order-detail-total{text-align:right;font-size:20px;font-weight:700;color:#e08253;margin-top:12px}.btn-print{width:100%;margin-top:12px;padding:12px;border:none;border-radius:20px;background:linear-gradient(135deg,#e08253,#d36c3a);color:#fff;font-size:16px;font-weight:600;cursor:pointer}.btn-print:hover{opacity:.9}
