@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary:#ff6b6b;--primary-dark:#ee5253;--secondary:#ff9f43;--bg-color:#f7f9fa;--card-bg:#fff;--text-main:#2d3436;--text-muted:#636e72;--border-color:#ecf0f1;--success:#1dd1a1;--danger:#ff6b81;--shadow-sm:0 2px 4px #0000000d;--shadow-md:0 4px 12px #00000014;--radius:16px}@media (prefers-color-scheme:dark){:root{--bg-color:#1e272e;--card-bg:#2d3436;--text-main:#f5f6fa;--text-muted:#a4b0be;--border-color:#353b48;--shadow-sm:0 2px 4px #0003;--shadow-md:0 4px 12px #0000004d}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);min-height:100vh;padding-bottom:80px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;transition:background-color .3s}.app-header{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:var(--shadow-md);border-bottom-right-radius:24px;border-bottom-left-radius:24px;padding:44px 20px 20px;position:relative;overflow:hidden}.app-header:after{content:"";pointer-events:none;background:radial-gradient(circle,#fff3 0%,#0000 60%);width:200%;height:200%;position:absolute;top:-50%;left:-50%;transform:rotate(30deg)}.app-header h1{letter-spacing:-.5px;margin-bottom:8px;font-size:28px;font-weight:700}.app-header p{opacity:.9;font-size:14px}.container{max-width:600px;margin:0 auto;padding:20px}.card{background:var(--card-bg);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border-color);margin-bottom:16px;padding:16px;transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.98)}.card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.card-title{font-size:16px;font-weight:600}.card-subtitle{color:var(--text-muted);font-size:14px}.btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 10px #ff6b6b4d}.btn-primary:active{background:var(--primary-dark);transform:translateY(2px)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-floating{bottom:calc(80px + env(safe-area-inset-bottom,0px));background:var(--primary);color:#fff;z-index:100;cursor:pointer;border:none;border-radius:28px;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .2s;display:flex;position:fixed;right:20px;box-shadow:0 4px 12px #ff6b6b66}.btn-floating:active{transform:scale(.9)}.form-group{margin-bottom:16px}.form-label{color:var(--text-muted);margin-bottom:6px;font-size:13px;font-weight:500;display:block}.form-input{border:1px solid var(--border-color);background:var(--card-bg);width:100%;color:var(--text-main);border-radius:12px;padding:14px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #ff6b6b1a}.bottom-nav{background:var(--card-bg);padding:12px 0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--border-color);z-index:1000;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 10px #0000000d}.nav-item{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;font-size:12px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item svg{margin-bottom:4px}.nav-item.active{color:var(--primary)}.text-center{text-align:center}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.text-muted{color:var(--text-muted)}.status-badge{border-radius:20px;align-items:center;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.status-pending{color:var(--secondary);background:#ff9f431a}.status-delivered{color:var(--success);background:#1dd1a11a}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;opacity:0;background:#0006;align-items:flex-end;animation:.3s forwards fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-color);width:100%;padding:24px;padding-bottom:env(safe-area-inset-bottom,24px);border-top-left-radius:24px;border-top-right-radius:24px;max-height:90vh;animation:.3s forwards slideUp;overflow-y:auto;transform:translateY(100%)}@keyframes fadeIn{to{opacity:1}}@keyframes slideUp{to{transform:translateY(0)}}.customer-item{justify-content:space-between;align-items:center;display:flex}.customer-info{flex:1}.customer-avatar{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:22px;justify-content:center;align-items:center;width:44px;height:44px;margin-right:16px;font-size:18px;font-weight:600;display:flex}.empty-state{text-align:center;color:var(--text-muted);padding:40px 20px}.empty-state svg{color:#dfe6e9;margin-bottom:16px}