*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f0f2f5;color:#111}button{cursor:pointer;border:none;border-radius:8px;padding:12px 20px;font-size:15px;font-weight:600}input{border:1.5px solid #ccc;border-radius:8px;padding:10px 14px;font-size:15px;width:100%}input:focus{outline:none;border-color:#075e54}.card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;margin-bottom:12px}.header{background:#075e54;color:#fff;padding:16px;display:flex;align-items:center;gap:12px}.header h1{font-size:18px}.btn-primary{background:#25d366;color:#fff}.btn-primary:active{background:#1aae52}.btn-danger{background:#e53935;color:#fff}.btn-outline{background:#fff;color:#075e54;border:2px solid #075e54}.badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-yellow{background:#fff3e0;color:#e65100}.badge-green{background:#e8f5e9;color:#2e7d32}.badge-blue{background:#e3f2fd;color:#1565c0}.auth-outer{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:32px 28px;background:#fff}.auth-inner{width:100%}@media (min-width: 768px){.auth-outer{background:#f0f2f5;align-items:center;padding:48px 24px}.auth-inner{background:#fff;border-radius:20px;padding:48px 52px;width:100%;max-width:480px;box-shadow:0 4px 32px #0000001a}}.page-hdr{background:#fff;border-bottom:1px solid #f1f5f9;position:sticky;top:0;z-index:10}.page-hdr-inner{padding:16px 20px;display:flex;align-items:center;gap:12px}@media (min-width: 768px){.page-hdr-inner{max-width:1200px;margin:0 auto;padding:16px 32px}}.tabs-area{padding:14px 16px 4px}@media (min-width: 768px){.tabs-area{padding:20px 32px 8px;max-width:1200px;margin:0 auto}.tabs-area>div{max-width:420px}}.orders-content{padding:8px 16px 24px}@media (min-width: 768px){.orders-content{padding:20px 32px 48px;max-width:1200px;margin:0 auto}}@media (min-width: 768px){.order-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.order-grid>*{margin-bottom:0!important}}@media (min-width: 1100px){.order-grid{grid-template-columns:repeat(3,1fr)}}.detail-content{padding:16px}@media (min-width: 768px){.detail-content{padding:24px 32px 48px;max-width:1200px;margin:0 auto}.detail-columns{display:grid;grid-template-columns:1fr 360px;gap:24px;align-items:start}}.sheet{position:fixed;bottom:0;left:0;right:0;border-radius:20px 20px 0 0}@media (min-width: 768px){.sheet{top:50%;left:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:90%;max-width:520px;border-radius:20px}}