*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #F5C518;--yellow-dark: #D4A900;--yellow-light: #FEF3C7;--black: #2d2d2d;--black-soft: #383838;--white: #ffffff;--bg: #F7F7F7;--card: #ffffff;--border: #E0E0E0;--text: #111111;--muted: #666666;--success: #057a55;--warning: #b45309;--danger: #c81e1e;--radius: 6px;--shadow: 0 1px 4px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text);line-height:1.55;font-size:15px}a{color:var(--black);text-decoration:underline}a:hover{color:var(--yellow-dark)}.muted{color:var(--muted)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--black);padding:1.5rem}.login-card{background:var(--white);border-radius:12px;padding:2.5rem;width:100%;max-width:420px;box-shadow:0 24px 64px #0006}.login-logo{text-align:center;margin-bottom:2rem}.login-logo-img{height:64px;width:auto;margin:0 auto .75rem;display:block}.login-logo h1{font-size:1.75rem;font-weight:800;color:var(--black)}.login-logo p{color:var(--muted);font-size:.875rem;margin-top:.25rem}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem;color:var(--black)}.form-group input{width:100%;padding:.6rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.95rem;outline:none;transition:border-color .15s;background:var(--white);color:var(--black)}.form-group input:focus{border-color:var(--yellow-dark)}.form-label{display:block;font-size:.85rem;font-weight:600;margin-bottom:.35rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.6rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--yellow);color:var(--black);border-color:var(--yellow);width:100%}.btn-primary:hover:not(:disabled){background:var(--yellow-dark);border-color:var(--yellow-dark)}.btn-outline{background:transparent;border-color:var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){border-color:var(--black);color:var(--black)}.btn-secondary{background:#e5e5e5;color:var(--black);border-color:#e5e5e5}.btn-secondary:hover:not(:disabled){background:#d0d0d0}.btn-ghost{background:#f3f3f3;color:var(--black);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#e5e5e5}.btn-success{background:var(--success);color:#fff;border-color:var(--success)}.btn-warning{background:var(--warning);color:#fff;border-color:var(--warning)}.btn-delete{background:#fde8e8;color:var(--danger);border-color:#fbd5d5}.btn-delete:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{padding:.35rem .75rem;font-size:.8rem}.alert{padding:.7rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-size:.875rem}.alert-error{background:#fde8e8;color:var(--danger);border:1px solid #fbd5d5}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{background:var(--black);border-bottom:3px solid var(--yellow);padding:.875rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;position:sticky;top:0;z-index:20;box-shadow:0 2px 8px #0000004d}.header-brand{display:flex;align-items:center;gap:.75rem}.header-logo-img{height:36px;width:auto;flex-shrink:0}.dashboard-header h1{font-size:1.2rem;font-weight:800;color:var(--yellow)}.subtitle{font-size:.75rem;color:#aaa}.header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.user-email{font-size:.8rem;color:#aaa}.state-filter{padding:.35rem .7rem;border:1.5px solid #444;border-radius:var(--radius);font-size:.85rem;outline:none;cursor:pointer;background:var(--black-soft);color:var(--white)}.state-filter:focus{border-color:var(--yellow)}.dashboard-header .btn-outline{border-color:#555;color:#ddd}.dashboard-header .btn-outline:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}.status-summary{display:flex;gap:.5rem;padding:.75rem 1.5rem;flex-wrap:wrap;background:var(--black-soft);border-bottom:1px solid #333}.summary-pill,.summary-total{display:flex;flex-direction:column;align-items:center;padding:.4rem .9rem;border-radius:var(--radius);min-width:68px}.summary-count{font-size:1.2rem;font-weight:700;line-height:1}.summary-label{font-size:.7rem;font-weight:500;margin-top:.1rem;text-transform:uppercase;letter-spacing:.05em}.summary-total{background:var(--yellow);color:var(--black)}.status-pill-pending{background:#3a2e00;color:#f5c518}.status-pill-proofing{background:#0a1f3a;color:#60a5fa}.status-pill-approved{background:#052e16;color:#4ade80}.status-pill-printing{background:#1e0a3a;color:#c084fc}.status-pill-shipped{background:#1a1a1a;color:#aaa}.table-wrapper{padding:1.25rem 1.5rem;overflow-x:auto;flex:1}.orders-table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card);border-radius:10px;overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border)}.orders-table thead{background:var(--black)}.orders-table th{padding:.75rem 1rem;text-align:left;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--yellow);white-space:nowrap;border-bottom:2px solid var(--yellow)}.orders-table td{padding:.875rem 1rem;border-top:1px solid var(--border);vertical-align:top;color:var(--text)}.orders-table tbody tr:hover{background:var(--yellow-light)}.name-cell strong{display:block;font-size:.9rem}.meta-line{font-size:.75rem;color:var(--muted);margin-top:.1rem}.address-cell{font-size:.82rem;max-width:200px}.badge-spanish{display:inline-block;background:var(--yellow);color:var(--black);font-weight:800;font-size:.65rem;padding:.2rem .5rem;border-radius:4px;margin-top:.25rem;letter-spacing:.04em;text-transform:uppercase}.status-select{padding:.3rem .6rem;border-radius:var(--radius);border:1.5px solid var(--border);font-size:.8rem;font-weight:600;cursor:pointer;outline:none;min-width:110px}.status-select.status-pending{border-color:#f59e0b;color:#92400e;background:#fffbeb}.status-select.status-proofing{border-color:#3b82f6;color:#1e40af;background:#eff6ff}.status-select.status-approved{border-color:#10b981;color:#065f46;background:#ecfdf5}.status-select.status-printing{border-color:#8b5cf6;color:#4c1d95;background:#f5f3ff}.status-select.status-shipped{border-color:#9ca3af;color:#374151;background:#f9fafb}.action-cell{display:flex;flex-direction:column;gap:.55rem;min-width:250px}.action-top-row{display:flex;gap:.4rem}.proof-upload{display:flex;flex-direction:column;gap:.3rem}.file-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.file-name-display{font-size:.75rem;color:var(--muted);max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proof-row{display:flex;align-items:center;gap:.4rem}.ups-row{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.input-small{padding:.32rem .6rem;border:1.5px solid var(--border);border-radius:var(--radius);font-size:.8rem;width:145px;outline:none;background:var(--white);color:var(--black)}.input-small:focus{border-color:var(--yellow-dark)}.link-small{font-size:.78rem;color:var(--black);font-weight:500;text-decoration:underline}.link-small:hover{color:var(--yellow-dark)}.empty-state{text-align:center;color:var(--muted);padding:3rem 1rem;font-size:.95rem}.orders-grid{padding:1.25rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1rem}.customer-order-card{background:var(--card);border-radius:10px;padding:1.25rem;box-shadow:var(--shadow);border:1px solid var(--border);border-top:3px solid var(--yellow);display:flex;flex-direction:column;gap:.875rem}.order-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.order-card-header h3{font-size:1rem;font-weight:700;color:var(--black)}.card-header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.3rem;flex-shrink:0}.order-meta{font-size:.82rem;color:var(--muted);margin-top:.15rem}.order-branch{font-size:.8rem}.status-pill{padding:.22rem .65rem;border-radius:100px;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap}.proof-section{display:flex;flex-direction:column;gap:.5rem}.proof-actions{display:flex;gap:.5rem}.approved-msg{font-size:.82rem;color:var(--success);font-weight:600}.tracking-section{font-size:.85rem;padding:.55rem .85rem;background:var(--yellow-light);border-radius:var(--radius);border-left:3px solid var(--yellow);color:var(--black)}.tracking-section a{color:var(--black);font-weight:600}.revision-form{display:flex;flex-direction:column;gap:.5rem}.revision-form textarea{width:100%;padding:.6rem;border:1.5px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:.875rem;resize:vertical;outline:none;color:var(--black)}.revision-form textarea:focus{border-color:var(--yellow-dark)}.revision-actions{display:flex;gap:.5rem}.revision-badge{display:inline-block;background:#fde8e8;color:var(--danger);font-weight:700;font-size:.65rem;padding:.2rem .5rem;border-radius:4px;margin-top:.25rem;letter-spacing:.03em;text-transform:uppercase}.needs-review-badge{background:var(--yellow);color:var(--black);font-size:.75rem;font-weight:700;padding:.25rem .65rem;border-radius:100px}@media (max-width: 640px){.dashboard-header{flex-direction:column;align-items:flex-start}.table-wrapper{padding:.75rem}.orders-grid{grid-template-columns:1fr;padding:.75rem}.status-summary{padding:.6rem .75rem}}