:root{--navy: #1a2744;--navy-light: #243259;--gold: #c9a84c;--gold-light: #e8c96e;--cream: #f8f6f1;--white: #ffffff;--gray-100: #f3f2ee;--gray-200: #e8e6df;--gray-500: #7c7b74;--gray-700: #4a4944;--green: #2d6a4f;--green-bg: #eaf4ee;--red: #c0392b;--red-bg: #fdecea;--amber: #b07d2a;--amber-bg: #fef6e4;--radius: 10px;--shadow: 0 2px 12px rgba(26,39,68,.1);--shadow-lg: 0 8px 32px rgba(26,39,68,.16)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--cream);color:var(--gray-700);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.topbar{background:var(--navy);padding:0 1.25rem;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0003}.topbar-brand{display:flex;align-items:center;gap:10px}.topbar-icon{font-size:22px}.topbar-name{color:#fff;font-weight:700;font-size:16px}.topbar-name span{color:var(--gold-light);font-weight:400;font-size:13px;margin-left:6px}.topbar-right{display:flex;align-items:center;gap:10px}.topbar-user{color:#ffffffb3;font-size:13px}.btn{padding:9px 18px;border-radius:9px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid var(--gray-200);background:var(--white);color:var(--navy);font-family:inherit;transition:all .15s;display:inline-flex;align-items:center;gap:7px;text-decoration:none;white-space:nowrap}.btn:hover{background:var(--gray-100);border-color:var(--gray-500)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-primary:hover{background:var(--navy-light)}.btn-gold{background:var(--gold);color:var(--navy);border-color:var(--gold)}.btn-gold:hover{background:var(--gold-light)}.btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.btn-danger:hover{background:#a93226}.btn-sm{padding:6px 13px;font-size:13px}.btn-logout{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.25);padding:6px 13px;font-size:13px}.btn-logout:hover{background:#ffffff38;color:#fff;border-color:#fff6}.card{background:var(--white);border-radius:14px;padding:1.5rem;margin-bottom:1.25rem;box-shadow:var(--shadow);border:1px solid var(--gray-200)}.card-header{display:flex;align-items:center;gap:12px;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-200)}.card-icon{width:40px;height:40px;border-radius:10px;background:var(--navy);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.card-title{font-size:17px;font-weight:700;color:var(--navy)}.card-sub{font-size:13px;color:var(--gray-500);margin-top:2px}.field-row{margin-bottom:1rem}.field-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:5px}.field-hint{font-size:12px;color:var(--gray-500);margin-top:4px}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{width:100%;padding:10px 13px;border:1.5px solid var(--gray-200);border-radius:9px;font-size:14px;font-family:inherit;background:var(--cream);color:var(--navy);transition:border .2s;-webkit-appearance:none}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);background:#fff}textarea{resize:vertical;min-height:90px;line-height:1.6}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:9px;margin-bottom:1rem;font-size:13px;font-weight:500;line-height:1.5}.banner-icon{font-size:16px;flex-shrink:0;margin-top:1px}.banner-info{background:#eef3fc;color:#1a4a8a;border:1px solid #c0d4f4}.banner-success{background:var(--green-bg);color:var(--green);border:1px solid #a8d5bc}.banner-warn{background:var(--amber-bg);color:var(--amber);border:1px solid #f0d590}.banner-error{background:var(--red-bg);color:var(--red);border:1px solid #f5c6c2}.progress-wrap{background:var(--white);border-bottom:1px solid var(--gray-200);overflow-x:auto;-webkit-overflow-scrolling:touch}.progress-steps{display:flex;max-width:760px;margin:0 auto;padding:0 1rem;min-width:360px}.pstep{flex:1;display:flex;flex-direction:column;align-items:center;padding:11px 4px;position:relative}.pstep:not(:last-child):after{content:"";position:absolute;top:20px;left:58%;right:-42%;height:1.5px;background:var(--gray-200)}.pstep.done:not(:last-child):after{background:var(--gold)}.pstep-dot{width:28px;height:28px;border-radius:50%;border:2px solid var(--gray-200);background:var(--white);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--gray-500);position:relative;z-index:1}.pstep.active .pstep-dot{border-color:var(--navy);background:var(--navy);color:#fff}.pstep.done .pstep-dot{border-color:var(--gold);background:var(--gold);color:var(--navy)}.pstep-label{font-size:10px;color:var(--gray-500);margin-top:4px;white-space:nowrap}.pstep.active .pstep-label{color:var(--navy);font-weight:700}.pstep.done .pstep-label{color:var(--amber)}.main{max-width:760px;margin:0 auto;padding:1.25rem 1rem 3rem}.upload-zone{border:2px dashed var(--gray-200);border-radius:12px;padding:2rem 1.5rem;text-align:center;cursor:pointer;transition:all .2s;background:var(--gray-100);-webkit-tap-highlight-color:transparent}.upload-zone:hover,.upload-zone.drag{border-color:var(--gold);background:#fef9ec}.upload-zone-icon{font-size:36px;margin-bottom:.5rem}.upload-zone h3{font-size:16px;font-weight:600;color:var(--navy);margin-bottom:4px}.upload-zone p{font-size:13px;color:var(--gray-500)}.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px;margin-top:1rem}.photo-thumb{position:relative;aspect-ratio:1;border-radius:9px;overflow:hidden;border:1.5px solid var(--gray-200);background:var(--gray-100)}.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}.photo-remove{position:absolute;top:4px;right:4px;background:#1a2744cc;border:none;border-radius:50%;width:22px;height:22px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.photo-badge{position:absolute;bottom:4px;left:4px;background:#1a2744d9;color:var(--gold-light);font-size:9px;font-weight:700;padding:2px 6px;border-radius:4px}.checklist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--gray-200)}.checklist-item:last-child{border-bottom:none}.chk-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--gray-200);flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-top:2px;background:#fff;transition:all .15s;-webkit-tap-highlight-color:transparent}.chk-circle.done{background:var(--green);border-color:var(--green);color:#fff}.chk-body{flex:1}.chk-q{font-size:14px;font-weight:600;color:var(--navy);margin-bottom:3px}.chk-why{font-size:12px;color:var(--gray-500);margin-bottom:8px}.pill-group{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:7px 14px;border-radius:20px;border:1.5px solid var(--gray-200);background:var(--white);font-size:13px;font-weight:500;color:var(--gray-700);cursor:pointer;transition:all .15s;font-family:inherit;-webkit-tap-highlight-color:transparent}.pill:hover{border-color:var(--navy);color:var(--navy)}.pill.sel{background:var(--navy);color:#fff;border-color:var(--navy)}.result-row{padding:12px 14px;background:var(--gray-100);border-radius:9px;margin-bottom:10px;border:1px solid var(--gray-200);position:relative}.result-label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);margin-bottom:5px}.result-val{font-size:14px;color:var(--navy);line-height:1.65;white-space:pre-wrap}.result-val.big{font-size:24px;font-weight:700;color:var(--green)}.copy-btn{position:absolute;top:10px;right:10px;background:none;border:1px solid var(--gray-200);cursor:pointer;color:var(--gray-500);font-size:13px;padding:3px 9px;border-radius:6px;transition:all .15s}.copy-btn:hover{background:var(--gray-200);color:var(--navy)}.ship-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:1rem}.ship-card{padding:13px;background:var(--gray-100);border-radius:10px;border:1.5px solid var(--gray-200);cursor:pointer;transition:all .15s}.ship-card:hover,.ship-card.sel{border-color:var(--gold);background:#fef9ec}.ship-carrier{font-size:10px;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.ship-service{font-size:13px;font-weight:600;color:var(--navy);margin:2px 0}.ship-price{font-size:20px;font-weight:700;color:var(--green)}.ship-days{font-size:11px;color:var(--gray-500);margin-top:2px}.tabs{display:flex;border-bottom:2px solid var(--gray-200);margin-bottom:1.25rem;overflow-x:auto}.tab-btn{padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;color:var(--gray-500);border:none;border-bottom:2px solid transparent;margin-bottom:-2px;background:none;font-family:inherit;white-space:nowrap;transition:all .15s;-webkit-tap-highlight-color:transparent}.tab-btn:hover{color:var(--navy)}.tab-btn.active{color:var(--navy);border-bottom-color:var(--gold)}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{background:var(--navy);color:#fff;padding:10px 12px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.admin-table td{padding:10px 12px;border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.admin-table tr:hover td{background:var(--gray-100)}.badge{display:inline-block;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge-admin{background:#e8e3ff;color:#5b21b6}.badge-user{background:#e0f2fe;color:#0369a1}.badge-active{background:var(--green-bg);color:var(--green)}.badge-inactive{background:var(--red-bg);color:var(--red)}.badge-sent{background:var(--green-bg);color:var(--green)}.badge-failed{background:var(--red-bg);color:var(--red)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding:2rem 1rem;z-index:200;overflow-y:auto}.modal{background:#fff;border-radius:14px;padding:1.75rem;width:100%;max-width:480px;box-shadow:var(--shadow-lg)}.modal h2{font-size:18px;color:var(--navy);margin-bottom:1.25rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem;flex-wrap:wrap}.dots span{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin:0 2px;animation:dotAnim 1.2s infinite;opacity:.3}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}@keyframes dotAnim{40%{opacity:1}}.copy-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:9px 20px;border-radius:9px;font-size:13px;font-weight:600;opacity:0;transition:opacity .2s;pointer-events:none;z-index:999;white-space:nowrap}.copy-toast.show{opacity:1}.btn-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:1.25rem}.spacer{height:1rem}@media (max-width: 600px){.grid-2,.grid-3{grid-template-columns:1fr}.ship-grid{grid-template-columns:1fr 1fr}.topbar-name span{display:none}.modal-overlay{padding:1rem .5rem}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px}}@media (max-width: 400px){.ship-grid{grid-template-columns:1fr}}