body{margin:0;padding:0;background-color:beige;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#1a1a1a}.login-logo-wrap{text-align:center;margin-bottom:1rem}.login-logo{max-height:64px;width:auto;object-fit:contain}.login-input-wrap{display:flex;align-items:center;gap:.5rem;padding:0 .75rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;background:#fff}.login-input-wrap:focus-within{border-color:#ff5f00}.login-input-wrap .login-input{border:none;padding:.65rem 0}.login-input-wrap .login-input:focus{box-shadow:none}.login-icon{color:#666;flex-shrink:0}.login-input-wrap:focus-within .login-icon{color:#ff5f00}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:beige}.login-card{width:100%;max-width:420px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.login-logo-wrap{text-align:center;margin-bottom:1.5rem}.login-logo{max-height:56px}.login-title{margin:0;font-size:1.5rem;font-weight:700;color:#1a1a1a}.login-form{display:flex;flex-direction:column;gap:1rem}.login-field label{display:block;margin-bottom:.35rem;font-size:.875rem;font-weight:600}.login-input{width:100%;padding:.75rem 1rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:1rem}.login-input:focus{outline:none;border-color:#ff5f00}.login-btn{padding:.75rem 1.5rem;background:#ff5f00;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.login-btn:hover{background:#e55500}.login-btn:disabled{opacity:.7;cursor:not-allowed}.login-error{margin:0;font-size:.875rem;color:#c00}.login-toggle{margin-top:.5rem;font-size:.875rem;color:#666}.login-toggle a{color:#ff5f00;cursor:pointer;text-decoration:none}.login-toggle a:hover{text-decoration:underline}.agency-layout{min-height:100vh;display:flex;background:beige}.agency-sidebar{width:220px;background:#1a1a1a;padding:1.5rem 0}.agency-sidebar-brand{padding:0 1.25rem 1rem;font-size:1.125rem;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.agency-sidebar-nav{padding-top:.75rem}.agency-nav-link{display:flex;align-items:center;gap:.5rem;padding:.6rem 1.25rem;color:#ffffffbf;text-decoration:none;font-size:.9375rem;transition:color .2s,background .2s}.agency-nav-link:hover{color:#fff;background:#ff5f0026}.agency-nav-link.active{color:#fff;background:#ff5f0040;border-left:3px solid #FF5F00}.agency-main{flex:1;padding:1.5rem}.agency-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.08)}.agency-header-name{font-size:1rem;font-weight:600;color:#1a1a1a}.agency-logout{padding:.5rem 1rem;background:transparent;border:1px solid rgba(0,0,0,.2);border-radius:8px;font-size:.875rem;cursor:pointer}.agency-logout:hover{border-color:#ff5f00;color:#ff5f00}.agency-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:1.5rem;margin-bottom:1.5rem}.agency-card h2{margin:0 0 1rem;font-size:1.125rem}.agency-loading{display:flex;align-items:center;gap:.75rem;padding:2rem;color:#666}.agency-loading .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.agency-error{padding:.75rem;background:#fee;color:#c00;border-radius:8px;margin-bottom:1rem}.agency-table{width:100%;border-collapse:collapse}.agency-table th,.agency-table td{padding:.6rem 1rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.06)}.agency-table th{font-size:.75rem;font-weight:600;text-transform:uppercase;color:#666;background:#f9f9f9}.agency-status{display:inline-block;padding:.2rem .5rem;border-radius:6px;font-size:.75rem;font-weight:600;color:#fff}.agency-status.pending{background:#f59e0b}.agency-status.processing{background:#3b82f6}.agency-status.approved,.agency-status.completed{background:#10b981}.agency-status.rejected{background:#ef4444}.agency-status.suspended{background:#6b7280}.agency-status.blocked{background:#7f1d1d}.agency-status.paid{background:#10b981}.agency-status.pending_payment{background:#f59e0b}.form-row{margin-bottom:1rem}.form-row label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.35rem}.form-row input,.form-row select,.form-row textarea{width:100%;padding:.6rem .75rem;border:1px solid rgba(0,0,0,.15);border-radius:8px;font-size:.9375rem}.form-row textarea{min-height:80px;resize:vertical}.form-row.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-primary{padding:.6rem 1.25rem;background:#ff5f00;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:#e55500}.btn-primary:disabled{opacity:.7;cursor:not-allowed}.btn-secondary{padding:.5rem 1rem;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:.9375rem;cursor:pointer;margin-right:.5rem}.btn-secondary:hover{background:#e5e7eb}.pax-option-row{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:.75rem;align-items:end;margin-bottom:.75rem}.pax-option-row .btn-remove{padding:.5rem;background:#fee;color:#c00;border:none;border-radius:6px;cursor:pointer}.btn-add{padding:.4rem .75rem;background:#e5e7eb;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;margin-top:.5rem}.upload-section{margin-bottom:1rem}.upload-preview-grid{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.upload-preview-item{position:relative;width:100px;height:100px;border-radius:8px;overflow:hidden;border:1px solid rgba(0,0,0,.1)}.upload-preview-item img{width:100%;height:100%;object-fit:cover}.upload-preview-item video{width:100%;height:100%;object-fit:cover}.upload-video-preview{width:240px;height:140px}.upload-remove{position:absolute;top:4px;right:4px;width:24px;height:24px;padding:0;border:none;background:#0009;color:#fff;border-radius:4px;cursor:pointer;font-size:14px;line-height:1}.upload-remove:hover{background:#c00}.upload-btn{display:inline-block;padding:.5rem 1rem;background:#e5e7eb;border:1px dashed #999;border-radius:8px;font-size:.875rem;cursor:pointer}.upload-btn:hover{background:#d1d5db}.upload-btn input{display:none}.agency-page{max-width:720px}.agency-page-title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:#1a1a1a}.agency-page-desc{margin:0 0 1.5rem;font-size:.9375rem;color:#666;line-height:1.5}.verification-status-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:1.25rem;margin-bottom:1.5rem}.verification-status-header{display:flex;align-items:center;gap:1rem}.verification-status-label{font-size:.75rem;text-transform:uppercase;color:#666}.verification-status-value{font-size:1.125rem;font-weight:600;color:#1a1a1a}.verification-note{margin-top:1rem;padding:.75rem;background:#fef3c7;border-radius:8px;font-size:.9375rem;color:#92400e}.verification-docs-section{margin-top:2rem}.verification-docs-title{margin:0 0 .5rem;font-size:1.25rem;font-weight:600;color:#1a1a1a}.verification-docs-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.verification-doc-card{background:#fff;border-radius:12px;border:1px solid rgba(0,0,0,.08);padding:1.25rem}.verification-doc-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:1rem;font-weight:600}.verification-doc-badge{margin-left:auto;padding:.25rem .5rem;border-radius:6px;font-size:.75rem;font-weight:500}.verification-doc-badge.uploaded{background:#10b98133;color:#059669}.verification-doc-badge.missing{background:#ef444426;color:#dc2626}.verification-doc-preview{margin-bottom:.75rem}.verification-doc-link{font-size:.875rem;color:#ff5f00;text-decoration:underline}.verification-doc-link:hover{color:#e55500}.verification-doc-upload-label{display:inline-block;cursor:pointer}.verification-doc-upload-label input{display:none}.verification-doc-upload-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:.875rem;cursor:pointer;transition:background .2s}.verification-doc-upload-btn:hover{background:#e5e7eb}.verification-doc-upload-btn:has(+input:disabled){opacity:.7;cursor:not-allowed}
