.login-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#0d0b14;position:relative;overflow:hidden}.login-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(rgba(130,112,245,.08) 1px,transparent 1px);background-size:32px 32px}.login-glow-1{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(130,112,245,.15) 0%,transparent 70%);top:-200px;right:-100px}.login-glow-2{position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(155,138,255,.1) 0%,transparent 70%);bottom:-150px;left:-100px}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:0 24px}.login-brand{text-align:center;margin-bottom:40px}.login-brand-icon{margin:0 auto 20px}.login-brand-sub{font-family:var(--font-serif);font-size:16px;color:#ffffff59;font-style:italic}.login-card{background:#ffffff0a;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:36px 32px}.login-card h2{font-family:var(--font-display);font-size:22px;font-weight:500;color:#ffffffeb;margin-bottom:4px}.login-card .subtitle{font-size:13px;color:#ffffff73;margin-bottom:28px}.form-group{margin-bottom:18px}.form-label{display:block;font-size:11px;font-weight:500;color:#ffffff80;margin-bottom:6px;text-transform:uppercase;letter-spacing:1px}.form-input-wrap{position:relative}.form-input{width:100%;padding:14px 16px 14px 44px;font-size:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#ffffffeb;outline:none;transition:all .3s var(--ease-out)}.form-input::placeholder{color:#ffffff40}.form-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px var(--brand-glow);background:#ffffff14}.form-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#ffffff4d}.login-btn{width:100%;padding:16px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--brand-gradient);border-radius:var(--radius);transition:all .3s var(--ease-out);box-shadow:0 4px 16px #8270f54d;display:flex;align-items:center;justify-content:center;min-height:50px}.login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8270f566}.login-btn.loading{opacity:.6;pointer-events:none}.login-btn.disabled{opacity:.35;pointer-events:none}.otp-row{display:flex;gap:10px;justify-content:center;margin-bottom:24px}.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:600;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);color:#ffffffeb;outline:none;transition:all .3s var(--ease-out)}.otp-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 4px var(--brand-glow);background:#ffffff14}.resend-row{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:24px}.resend-row span{font-size:13px;color:#ffffff59}.resend-link{font-size:13px;color:var(--brand-400);font-weight:500;text-decoration:none}.resend-link:hover{color:var(--brand-300)}.resend-link.disabled{color:#fff3;pointer-events:none}.login-error{padding:10px 14px;margin-bottom:16px;font-size:13px;color:#ff6b6b;background:#ff6b6b1a;border:1px solid rgba(255,107,107,.2);border-radius:var(--radius-sm)}.login-footer{text-align:center;margin-top:24px;font-size:12px;color:#fff3;letter-spacing:.5px}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite}.header{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:60px;background:var(--surface-card);border-bottom:1px solid var(--border);flex-shrink:0}.header-left{display:flex;align-items:center;gap:20px}.header-right,.logo-group{display:flex;align-items:center;gap:12px}.logo-mark{flex-shrink:0}.logo-wordmark{display:flex;align-items:center;gap:8px}.logo-badge{font-size:10px;font-weight:600;color:var(--brand-500);background:var(--brand-subtle);padding:3px 8px;border-radius:var(--radius-full);letter-spacing:1px;text-transform:uppercase}.divider-v{width:1px;height:24px;background:var(--border)}.nav-tabs{display:flex;gap:2px}.nav-tab{padding:8px 14px;font-size:13px;font-weight:500;border-radius:var(--radius-sm);color:var(--text-400);transition:all .2s var(--ease-out)}.nav-tab:hover{color:var(--text-700);background:var(--surface-hover)}.nav-tab.active{background:var(--brand-subtle);color:var(--brand-700)}.pending-badge{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--warning-bg);border:1px solid var(--warning-border);border-radius:var(--radius-sm)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--warning);animation:pulse 2s infinite}.pending-badge span{font-size:12px;font-weight:600;color:#92700a}.user-menu{position:relative}.avatar-btn{display:flex;align-items:center;gap:8px;padding:4px 8px 4px 4px;border-radius:var(--radius-sm);transition:background .15s}.avatar-btn:hover{background:var(--surface-hover)}.avatar{width:34px;height:34px;border-radius:10px;background:var(--brand-gradient);display:flex;align-items:center;justify-content:center}.avatar-name{font-size:13px;font-weight:500;color:var(--text-600)}.user-dropdown{position:absolute;top:48px;right:0;width:220px;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 12px 40px #1a15281f;padding:6px;z-index:100}.dropdown-header{padding:10px 12px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.dropdown-header .name{font-size:13px;font-weight:600;color:var(--text-900)}.dropdown-header .phone{font-size:12px;color:var(--text-400)}.dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--radius-sm);font-size:13px;color:var(--text-600);transition:all .15s;width:100%;text-align:left}.dropdown-item:hover{background:var(--surface-hover);color:var(--text-900)}.dropdown-item.danger{color:var(--error)}.dropdown-item.danger:hover{background:var(--error-bg)}.dropdown-sep{height:1px;background:var(--border-light);margin:4px 0}.left-panel{width:340px;min-width:340px;background:var(--surface-card);border-right:1px solid var(--border);display:flex;flex-direction:column}.filter-bar{padding:16px;border-bottom:1px solid var(--border-light)}.search-wrap{position:relative;margin-bottom:10px}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-400)}.search-input{width:100%;padding:10px 12px 10px 38px;font-size:13px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:all .2s var(--ease-out);color:var(--text-900)}.search-input::placeholder{color:var(--text-300)}.search-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-subtle)}.filter-row{display:flex;gap:8px;margin-bottom:6px}.filter-select{flex:1;padding:8px 10px;font-size:12px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-600);font-weight:500;outline:none;cursor:pointer}.filter-select:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-subtle)}.filter-count{font-size:12px;color:var(--text-400);font-weight:500}.queue-list{flex:1;overflow-y:auto}.queue-item{display:flex;gap:12px;padding:14px 16px;border-bottom:1px solid var(--border-light);border-left:3px solid transparent;cursor:pointer;transition:all .15s var(--ease-out)}.queue-item:hover{background:var(--surface-hover)}.queue-item.active{background:var(--brand-subtle);border-left-color:var(--brand-500)}.queue-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--surface-elevated);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;overflow:hidden}.queue-thumb-img{width:100%;height:100%;object-fit:cover}.queue-thumb-initials{font-size:14px;font-weight:600;color:var(--text-400);letter-spacing:.5px}.queue-info{flex:1;min-width:0}.queue-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.queue-stylist{font-size:13px;font-weight:600;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.verified-icon{color:var(--brand-500);flex-shrink:0}.queue-title{font-size:12px;color:var(--text-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:6px;font-family:var(--font-serif);font-style:italic}.queue-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.status-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:3px 9px;border-radius:var(--radius-full)}.status-pill .dot{width:5px;height:5px;border-radius:50%}.status-pending{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.status-pending .dot{background:var(--warning)}.status-approved{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.status-approved .dot{background:var(--success)}.status-revision{background:#f6c1772e;color:#8b5e0a;border:1px solid rgba(246,193,119,.3)}.status-revision .dot{background:#e8a43f}.status-flagged{background:var(--error-bg);color:#b42318;border:1px solid var(--error-border)}.status-flagged .dot{background:var(--error)}.tag-text{font-size:11px;color:var(--text-400)}.queue-time{font-size:11px;color:var(--text-300);margin-left:auto}.preview-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.preview-label-text{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:1.5px}.preview-label-right{display:flex;align-items:center;gap:8px}.preview-completeness{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--radius-full)}.preview-completeness.pc-complete{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.preview-completeness.pc-partial{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.feed-card{background:var(--surface-card);border-radius:18px;box-shadow:0 2px 8px #1a15280f;border:1px solid var(--border-light);overflow:hidden}.carousel{position:relative;background:linear-gradient(135deg,var(--surface-elevated),var(--surface-hover));min-height:200px}.carousel-media{display:block;width:100%;height:auto;object-fit:contain}.carousel-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-400)}.carousel-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.carousel-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:all .2s}.carousel-dot.active{background:#fff;width:20px;border-radius:10px}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border-radius:50%;background:#ffffffd9;display:flex;align-items:center;justify-content:center;color:var(--text-600);font-size:18px;box-shadow:0 2px 8px #0000001a}.carousel-nav.prev{left:12px}.carousel-nav.next{right:12px}.card-body{padding:20px}.stylist-row{display:flex;align-items:center;gap:12px;margin-bottom:16px}.stylist-avatar{width:40px;height:40px;border-radius:50%;background:var(--brand-subtle);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--brand-600)}.stylist-info .name-row{display:flex;align-items:center;gap:5px}.stylist-info .name{font-size:14px;font-weight:600}.stylist-info .meta{font-size:12px;color:var(--text-400)}.style-title{font-family:var(--font-display);font-size:20px;font-weight:500;color:var(--text-900);line-height:1.3;margin-bottom:8px}.style-desc{font-size:14px;color:var(--text-500);line-height:1.65;margin-bottom:16px}.spec-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.spec-chip{display:inline-flex;align-items:center;font-size:11px;border-radius:var(--radius-full);overflow:hidden;border:1px solid var(--border-light)}.spec-chip-label{padding:4px 8px;background:var(--surface-elevated);color:var(--text-400);font-weight:600;text-transform:uppercase;letter-spacing:.3px;font-size:10px}.spec-chip-value{padding:4px 10px;background:var(--surface-card);color:var(--text-700);font-weight:500}.attr-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.attr-tag{font-size:12px;font-weight:500;padding:5px 12px;border-radius:var(--radius-full)}.attr-tag.vibe{background:var(--brand-subtle);color:var(--brand-700);border:1px solid var(--brand-muted)}.attr-tag.occasion{background:#63b3ed1a;color:#2b6cb0;border:1px solid rgba(99,179,237,.25)}.divider{border:none;border-top:1px solid var(--border-light);margin:16px 0}.section-label{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:10px}.preview-type-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:var(--brand-subtle);border:1px solid var(--brand-muted);border-radius:var(--radius-full);font-size:12px;font-weight:600;color:var(--brand-700)}.submission-meta{display:flex;gap:16px;margin-top:16px;padding:14px 16px;background:var(--surface-elevated);border-radius:var(--radius);border:1px solid var(--border-light)}.submission-meta-item{display:flex;flex-direction:column;gap:2px}.submission-meta-label{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:.8px}.submission-meta-value{font-size:13px;font-weight:500;color:var(--text-700)}.right-panel{width:400px;min-width:400px;background:var(--surface-card);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow-y:auto}.right-header{padding:16px 20px;border-bottom:1px solid var(--border);background:var(--surface-elevated);flex-shrink:0}.right-header-top{display:flex;align-items:center;justify-content:space-between}.right-header h3{font-family:var(--font-display);font-size:16px;font-weight:500;color:var(--text-900)}.right-header .sub{font-size:12px;color:var(--text-400);margin-top:2px}.right-header-identity{display:flex;align-items:center;gap:10px;margin-top:10px}.style-code-chip{font-family:var(--font-mono, "SF Mono", Menlo, monospace);font-size:10.5px;font-weight:600;letter-spacing:.06em;padding:3px 8px;border-radius:6px;background:linear-gradient(135deg,#7c5cff24,#9b7fff14);color:#9b7fff;border:1px solid rgba(124,92,255,.22);white-space:nowrap;flex-shrink:0}.stylist-identity{display:flex;align-items:center;gap:8px;min-width:0;flex:1}.stylist-avatar{width:26px;height:26px;border-radius:50%;object-fit:cover;background:var(--surface-elevated);border:1px solid rgba(124,92,255,.25);flex-shrink:0}.stylist-avatar-placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#9b7fff;background:linear-gradient(135deg,#7c5cff29,#9b7fff14);text-transform:uppercase}.stylist-identity-text{display:flex;flex-direction:column;min-width:0;line-height:1.25}.stylist-identity-name{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--text-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.stylist-verified-dot{display:inline-flex;align-items:center;justify-content:center;width:13px;height:13px;border-radius:50%;background:#10b981;color:#fff;flex-shrink:0}.stylist-identity-city{font-size:11px;color:var(--text-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.completeness-badge{font-size:11px;font-weight:700;padding:3px 10px;border-radius:var(--radius-full);letter-spacing:.3px}.completeness-badge.complete{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.completeness-badge.partial{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.completeness-badge.low{background:var(--error-bg);color:#b42318;border:1px solid var(--error-border)}.section{border-bottom:1px solid var(--border-light)}.section-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;transition:background .15s}.section-toggle:hover{background:var(--surface-hover)}.section-toggle-left{display:flex;align-items:center;gap:10px}.section-icon{font-size:14px;opacity:.7}.section-title{font-size:13px;font-weight:600;color:var(--text-700);letter-spacing:-.1px}.section-badge{font-size:11px;background:var(--surface-elevated);color:var(--text-400);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.section-badge.badge-complete{background:var(--success-bg);color:#1b7a5a}.section-badge.badge-partial{background:var(--warning-bg);color:#92700a}.section-badge.badge-low{background:var(--error-bg);color:#b42318}.chevron{width:16px;height:16px;color:var(--text-400);transition:transform .2s}.section.open .chevron{transform:rotate(180deg)}.section-body{padding:0 20px 16px;display:none}.section.open .section-body{display:block}.field-label{font-size:10px;color:var(--text-400);font-weight:600;margin-bottom:6px;display:block;text-transform:uppercase;letter-spacing:.8px}.field-display{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--surface-input);border:1px solid var(--border-light);border-radius:var(--radius-sm);margin-bottom:10px}.field-display-text{font-size:13px;color:var(--text-700);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}.field-display-desc{font-size:13px;color:var(--text-600);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.edit-btn{font-size:11px;color:var(--brand-600);font-weight:600;flex-shrink:0;padding:4px 10px;border-radius:var(--radius-sm);letter-spacing:.3px;transition:background .15s}.edit-btn:hover{background:var(--brand-subtle)}.edit-input{width:100%;padding:10px 12px;font-size:13px;border:1px solid var(--brand-300);border-radius:var(--radius-sm);outline:none;box-shadow:0 0 0 3px var(--brand-subtle);color:var(--text-900)}.edit-textarea{width:100%;padding:10px 12px;font-size:13px;border:1px solid var(--brand-300);border-radius:var(--radius-sm);outline:none;box-shadow:0 0 0 3px var(--brand-subtle);resize:none;line-height:1.5;color:var(--text-900)}.edit-actions{display:flex;gap:8px;margin-top:8px}.btn-save{font-size:11px;font-weight:600;color:#fff;background:var(--brand-gradient);padding:7px 16px;border-radius:var(--radius-sm);letter-spacing:.3px}.btn-cancel{font-size:11px;font-weight:600;color:var(--text-400);padding:7px 16px;border-radius:var(--radius-sm)}.btn-cancel:hover{background:var(--surface-elevated)}.attr-progress-bar{width:100%;height:4px;background:var(--surface-elevated);border-radius:2px;margin-bottom:16px;overflow:hidden}.attr-progress-fill{height:100%;border-radius:2px;transition:width .4s var(--ease-out)}.attr-progress-fill.fill-complete{background:linear-gradient(90deg,#4fd1a5,#3cb890)}.attr-progress-fill.fill-partial{background:linear-gradient(90deg,#f6c177,#e8a94f)}.attr-progress-fill.fill-low{background:linear-gradient(90deg,#f56565,#e04848)}.attr-grid{display:flex;flex-direction:column;gap:2px}.attr-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);transition:background .15s}.attr-row:hover{background:var(--surface-hover)}.attr-row-header{display:flex;align-items:center;gap:8px;flex-shrink:0;min-width:0}.attr-status-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attr-filled .attr-status-icon{background:var(--success-bg);color:#1b7a5a}.attr-missing .attr-status-icon{background:var(--warning-bg);color:#92700a}.attr-label{font-size:12px;font-weight:500;color:var(--text-600);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attr-value-btn{font-size:12px;font-weight:500;padding:4px 12px;border-radius:var(--radius-full);transition:all .15s;cursor:pointer;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.attr-value-filled{background:var(--brand-subtle);color:var(--brand-700);border:1px solid var(--brand-muted)}.attr-value-filled:hover{background:var(--brand-muted)}.attr-value-empty{background:var(--warning-bg);color:#92700a;border:1px dashed var(--warning-border)}.attr-value-empty:hover{background:#f6c17733;border-style:solid}.attr-dropdown-wrap{display:flex;align-items:center;gap:4px;flex-shrink:0}.attr-dropdown{font-size:12px;padding:5px 8px;border:1px solid var(--brand-300);border-radius:var(--radius-sm);outline:none;box-shadow:0 0 0 3px var(--brand-subtle);color:var(--text-900);background:#fff;max-width:160px;cursor:pointer}.attr-cancel-btn{width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-400);border-radius:50%;flex-shrink:0}.attr-cancel-btn:hover{background:var(--error-bg);color:var(--error)}.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.editable-tag{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:500;padding:4px 8px 4px 10px;border-radius:var(--radius-full)}.vibe-tag{background:var(--brand-subtle);color:var(--brand-700);border:1px solid var(--brand-muted)}.occasion-tag{background:#63b3ed1a;color:#2b6cb0;border:1px solid rgba(99,179,237,.25)}.tag-empty{font-size:12px;color:var(--text-300);font-style:italic;padding:4px 0}.tag-remove{width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--text-300)}.tag-remove:hover{background:var(--error-bg);color:var(--error)}.add-tag-row{display:flex;gap:8px}.add-tag-input{flex:1;padding:8px 12px;font-size:12px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text-900)}.add-tag-input:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-subtle)}.add-tag-btn{font-size:11px;font-weight:600;color:#fff;background:var(--brand-gradient);padding:8px 16px;border-radius:var(--radius-sm);letter-spacing:.3px}.meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.meta-item{display:flex;flex-direction:column;gap:2px;padding:8px 10px;background:var(--surface-input);border-radius:var(--radius-sm);border:1px solid var(--border-light)}.meta-label{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:.6px}.meta-value{font-size:13px;font-weight:500;color:var(--text-700)}.meta-yes{color:#1b7a5a}.meta-no{color:var(--text-400)}.meta-editable{cursor:pointer;transition:border-color .15s}.meta-editable:hover{border-color:var(--brand-300)}.meta-edit-input{width:100%;padding:4px 6px;font-size:13px;font-weight:500;border:1px solid var(--brand-300);border-radius:4px;outline:none;box-shadow:0 0 0 2px var(--brand-subtle);color:var(--text-900);background:#fff}.meta-divider{border:none;border-top:1px solid var(--border-light);margin:14px 0}.engagement-row{display:flex;justify-content:space-between;gap:8px}.engagement-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1;padding:8px 4px;background:var(--surface-elevated);border-radius:var(--radius-sm)}.engagement-count{font-size:16px;font-weight:600;color:var(--text-900);font-family:var(--font-display)}.engagement-label{font-size:10px;font-weight:500;color:var(--text-400);text-transform:uppercase;letter-spacing:.5px}.action-bar{padding:20px;border-top:1px solid var(--border);background:var(--surface-elevated);margin-top:auto;flex-shrink:0}.action-label{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:1.2px;margin-bottom:12px}.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.action-btn{padding:12px 16px;font-size:12px;font-weight:600;border-radius:var(--radius-sm);transition:all .2s var(--ease-out);text-align:center;letter-spacing:.2px}.btn-approve{background:linear-gradient(135deg,#4fd1a5,#3cb890);color:#fff;box-shadow:0 2px 8px #4fd1a540}.btn-approve:hover{box-shadow:0 4px 16px #4fd1a559;transform:translateY(-1px)}.btn-revision{background:var(--surface-card);color:#92700a;border:1px solid var(--warning-border)}.btn-revision:hover{background:var(--warning-bg)}.btn-reject{background:var(--surface-card);color:var(--error);border:1px solid var(--error-border)}.btn-reject:hover{background:var(--error-bg)}.action-confirm{margin-top:10px;padding:12px;border-radius:var(--radius-sm);text-align:center;font-size:13px;font-weight:600;display:none}.action-confirm.show{display:block}.action-confirm.confirm-approve{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.action-confirm.confirm-revision{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.action-confirm.confirm-reject{background:var(--error-bg);color:#b42318;border:1px solid var(--error-border)}.action-reset{width:100%;margin-top:8px;padding:8px;font-size:12px;color:var(--text-400);display:none}.action-reset.show{display:block}.action-reset:hover{color:var(--text-600)}.coll-assigned-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.coll-card{border:1px solid var(--border);border-left:3px solid #7C5CFF;border-radius:8px;padding:10px 12px;background:#fff;transition:box-shadow .15s,border-color .15s}.coll-card:hover{box-shadow:0 2px 8px #0000000f}.coll-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.coll-card-title{font-size:13px;font-weight:600;color:var(--text-900);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coll-remove-btn{background:none;border:none;cursor:pointer;font-size:16px;line-height:1;color:var(--text-300);padding:2px 4px;border-radius:4px;opacity:0;transition:opacity .15s,color .15s,background .15s}.coll-card:hover .coll-remove-btn{opacity:1}.coll-remove-btn:hover{color:#ef4444;background:#fee2e2}.coll-card-meta{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.coll-scope-badge{font-size:11px;font-weight:600;padding:2px 7px;border-radius:10px;letter-spacing:.02em;white-space:nowrap}.coll-type-badge{font-size:11px;color:var(--text-400);padding:2px 6px;background:var(--bg-100);border-radius:10px;text-transform:capitalize}.coll-count{font-size:11px;color:var(--text-400)}.coll-cities{font-size:11px;color:var(--text-400);font-style:italic}.coll-card-tags{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border-100, rgba(120, 120, 140, .15))}.coll-tag{display:inline-flex;align-items:center;gap:3px;font-size:10.5px;font-weight:500;padding:2px 8px;border-radius:10px;text-transform:capitalize;line-height:1.5;letter-spacing:.01em}.coll-tag-category{background:linear-gradient(135deg,#7c5cff1f,#8270f514);color:#9b7fff;border:1px solid rgba(124,92,255,.18)}.coll-tag-city{background:#10b9811a;color:#10b981;border:1px solid rgba(16,185,129,.18)}.coll-tag-city .coll-tag-icon{font-size:9px;line-height:1}.coll-tag-more{background:var(--bg-100);color:var(--text-400);border:1px solid var(--border-100, rgba(120, 120, 140, .15))}.coll-empty{text-align:center;padding:16px 0;color:var(--text-300);font-size:13px}.coll-add-toggle{width:100%;padding:8px;border:1px dashed var(--border);border-radius:8px;background:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--brand-600);transition:background .15s,border-color .15s,color .15s}.coll-add-toggle:hover{background:var(--brand-subtle);border-color:var(--brand-300)}.coll-add-toggle.active{background:var(--brand-subtle);border-style:solid;border-color:var(--brand-300);color:var(--text-600)}.coll-search-panel{margin-top:8px;border:1px solid var(--border);border-radius:8px;overflow:hidden;background:#fff}.coll-search-input{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);font-size:13px;outline:none;box-sizing:border-box}.coll-search-input:focus{border-bottom-color:var(--brand-300)}.coll-search-results{max-height:220px;overflow-y:auto}.coll-search-loading,.coll-search-empty{padding:16px;text-align:center;font-size:12px;color:var(--text-300)}.coll-search-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--bg-100);transition:background .1s}.coll-search-item:last-child{border-bottom:none}.coll-search-item:hover{background:var(--bg-50, #FAFAFA)}.coll-search-item-info{flex:1;min-width:0}.coll-search-item-title{font-size:13px;font-weight:600;color:var(--text-900);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coll-add-btn{flex-shrink:0;padding:4px 10px;border:1px solid var(--brand-300);border-radius:6px;background:none;cursor:pointer;font-size:12px;font-weight:600;color:var(--brand-600);transition:background .15s,color .15s;margin-left:8px}.coll-add-btn:hover{background:var(--brand-600);color:#fff}.audience-block{display:flex;flex-direction:column;gap:8px}.audience-block-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.audience-saving{font-size:11px;color:var(--text-400);font-style:italic}.audience-chip-row{display:flex;flex-wrap:wrap;gap:6px}.audience-chip{display:inline-flex;align-items:center;font-size:12px;font-weight:500;padding:5px 10px;border-radius:var(--radius-full);background:var(--surface-elevated);color:var(--text-600, var(--text-700));border:1px solid var(--border);cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}.audience-chip:hover:not(:disabled){background:var(--brand-subtle);color:var(--brand-700);border-color:var(--brand-muted)}.audience-chip-selected,.audience-chip-selected:hover{background:var(--brand-subtle);color:var(--brand-700);border-color:var(--brand-300);box-shadow:0 0 0 2px var(--brand-subtle)}.audience-chip:disabled{opacity:.6;cursor:not-allowed}.audience-hint{font-size:11px;color:var(--text-400);line-height:1.4;margin:2px 0 0}.salon-rating{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:var(--text-300)}.salon-no-rating{font-size:11px;color:var(--text-500)}.salon-grid-wrapper{height:100%;overflow-y:auto;padding:24px}.salon-grid-header{margin-bottom:20px}.salon-grid-title{display:flex;align-items:center;gap:8px}.salon-grid-title h3{margin:0;font-size:18px;font-weight:600;color:var(--text-900)}.salon-grid-meta{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px;color:var(--text-500)}.salon-grid-rating{display:inline-flex;align-items:center;gap:3px}.salon-grid-count{color:var(--text-400)}.salon-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:12px;color:var(--text-400);font-size:14px}.salon-grid-spinner{width:24px;height:24px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}.salon-grid-success{color:#22c55e}.salon-success-text{font-size:16px;font-weight:500;color:var(--text-700)}.salon-photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.salon-photo-card{border-radius:10px;overflow:hidden;background:var(--surface-card);border:1px solid var(--border);transition:border-color .15s}.salon-photo-card:hover{border-color:var(--border-strong)}.salon-photo-img-wrap{position:relative;aspect-ratio:4 / 3;overflow:hidden;background:var(--surface-elevated)}.salon-photo-img{width:100%;height:100%;object-fit:cover;display:block}.salon-photo-cover-btn{position:absolute;bottom:8px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:6px;background:#000000bf;color:#fff;font-size:12px;font-weight:500;cursor:pointer;opacity:0;transition:opacity .15s;white-space:nowrap}.salon-photo-img-wrap:hover .salon-photo-cover-btn{opacity:1}.salon-photo-cover-btn:hover{background:#8270f5e6}.salon-photo-confirm{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#000000b3;color:#fff;font-size:14px;font-weight:500}.salon-photo-confirm-btns{display:flex;gap:8px}.salon-photo-confirm-btns button{padding:6px 16px;border:none;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer}.confirm-yes{background:#8270f5;color:#fff}.confirm-yes:hover{background:#6d5cd4}.confirm-yes:disabled{opacity:.6;cursor:not-allowed}.confirm-no{background:#fff3;color:#fff}.confirm-no:hover{background:#ffffff4d}.salon-photo-filename{padding:8px 10px;font-size:11px;color:var(--text-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppr-container{display:flex;flex:1;height:100%;overflow:hidden}.ppr-queue{width:280px;min-width:280px;border-right:1px solid var(--border-200);display:flex;flex-direction:column;background:var(--surface-50)}.ppr-queue-header{padding:16px;border-bottom:1px solid var(--border-200);display:flex;align-items:center;justify-content:space-between}.ppr-queue-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-100)}.ppr-count{font-size:11px;color:var(--text-400);background:var(--surface-100);padding:2px 8px;border-radius:10px}.ppr-list{flex:1;overflow-y:auto}.ppr-loading,.ppr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;gap:8px;color:var(--text-400);font-size:13px}.ppr-item{display:flex;gap:10px;padding:12px 16px;cursor:pointer;border-bottom:1px solid var(--border-200);transition:background .15s}.ppr-item:hover{background:var(--surface-100)}.ppr-item.selected{background:var(--brand-faint);border-left:3px solid var(--brand-primary)}.ppr-item-photo{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}.ppr-item-photo img{width:100%;height:100%;object-fit:cover}.ppr-item-initials{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--surface-200);color:var(--text-300);font-weight:600;font-size:16px}.ppr-item-info{flex:1;min-width:0}.ppr-item-name{font-size:13px;font-weight:500;color:var(--text-100);display:flex;align-items:center;gap:4px}.ppr-verified{font-size:11px;color:var(--brand-primary);background:var(--brand-faint);border-radius:50%;width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}.ppr-item-meta{font-size:11px;color:var(--text-400);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ppr-item-time{font-size:10px;color:var(--text-500);margin-top:2px}.ppr-preview{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:var(--surface-0);position:relative}.ppr-preview-photo{max-width:400px;max-height:500px;border-radius:12px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.ppr-preview-photo img{width:100%;height:100%;object-fit:contain;max-height:500px}.ppr-no-photo{padding:80px 40px;color:var(--text-400);font-size:14px;text-align:center}.ppr-result{position:absolute;bottom:24px;left:50%;transform:translate(-50%);padding:10px 20px;border-radius:8px;font-size:13px;font-weight:500;animation:ppr-fadeIn .3s ease}.ppr-result.approve{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ppr-result.reject{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}@keyframes ppr-fadeIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.ppr-actions{width:260px;min-width:260px;border-left:1px solid var(--border-200);background:var(--surface-50);display:flex;flex-direction:column;gap:16px;padding:16px;overflow-y:auto}.ppr-stylist-card{padding:16px;background:var(--surface-100);border-radius:10px;border:1px solid var(--border-200)}.ppr-stylist-card h4{margin:0 0 8px;font-size:14px;font-weight:600;color:var(--text-100)}.ppr-detail{font-size:12px;color:var(--text-400);margin-top:4px}.ppr-action-buttons{display:flex;flex-direction:column;gap:8px}.ppr-btn{padding:10px 16px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer;border:none;transition:opacity .15s}.ppr-btn:disabled{opacity:.5;cursor:not-allowed}.ppr-btn.approve{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.ppr-btn.approve:hover:not(:disabled){background:#22c55e40}.ppr-btn.reject-outline{background:transparent;color:var(--text-300);border:1px solid var(--border-200)}.ppr-btn.reject-outline:hover:not(:disabled){background:#ef44441a;color:#f87171;border-color:#ef44444d}.ppr-btn.reject{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.ppr-btn.cancel{background:transparent;color:var(--text-400);border:1px solid var(--border-200)}.ppr-reject-form{display:flex;flex-direction:column;gap:8px}.ppr-reject-form textarea{background:var(--surface-100);border:1px solid var(--border-200);border-radius:8px;padding:8px 12px;font-size:12px;color:var(--text-200);resize:vertical;font-family:inherit}.ppr-reject-form textarea:focus{outline:none;border-color:var(--brand-primary)}.ppr-reject-actions{display:flex;gap:8px}.ppr-reject-actions .ppr-btn{flex:1}.ppr-guidelines{padding:16px;background:var(--surface-100);border-radius:10px;border:1px solid var(--border-200)}.ppr-guidelines h5{margin:0 0 8px;font-size:12px;font-weight:600;color:var(--text-300);text-transform:uppercase;letter-spacing:.5px}.ppr-guidelines ul{margin:0;padding:0 0 0 16px;list-style:disc}.ppr-guidelines li{font-size:11px;color:var(--text-400);margin-top:4px;line-height:1.4}.sp-page{display:flex;flex:1;height:100%;overflow:hidden;background:var(--surface-bg, var(--surface-50))}.sp-main{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.sp-toolbar{padding:20px 24px 12px;border-bottom:1px solid var(--border-light, var(--border-200));background:var(--surface-card, var(--surface-0));flex-shrink:0}.sp-toolbar-title{display:flex;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.sp-toolbar-title h2{margin:0;font-family:var(--font-display, "DM Serif Display", serif);font-size:20px;font-weight:500;color:var(--text-900, var(--text-100));letter-spacing:-.2px}.sp-toolbar-subtitle{font-size:12px;color:var(--text-400)}.sp-filter-chips{display:flex;gap:6px;flex-wrap:wrap}.sp-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;color:var(--text-400);background:transparent;border:1px solid var(--border, var(--border-200));border-radius:var(--radius-full, 999px);cursor:pointer;transition:all .15s var(--ease-out)}.sp-chip:hover{color:var(--text-600);background:var(--surface-hover, var(--surface-100))}.sp-chip.active{color:var(--brand-500, #7C5CFF);background:var(--brand-subtle, rgba(124, 92, 255, .1));border-color:var(--brand-500, #7C5CFF)}.sp-chip-count{font-size:10px;background:var(--surface-elevated, var(--surface-100));padding:1px 6px;border-radius:10px;font-weight:700}.sp-chip.active .sp-chip-count{background:var(--brand-500, #7C5CFF);color:#fff}.sp-error-banner{margin:12px 24px;padding:10px 14px;background:var(--error-bg, rgba(239, 68, 68, .1));color:#b42318;border:1px solid var(--error-border, rgba(239, 68, 68, .3));border-radius:var(--radius-sm, 6px);font-size:13px}.sp-action-banner{margin:12px 24px;padding:10px 14px;background:var(--success-bg, rgba(34, 197, 94, .1));color:#1b7a5a;border:1px solid var(--success-border, rgba(34, 197, 94, .3));border-radius:var(--radius-sm, 6px);font-size:13px;font-weight:500;animation:sp-fadeIn .25s ease}@keyframes sp-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.sp-table-wrap{flex:1;overflow:auto;padding:0 24px 16px}.sp-table-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--text-400);font-size:13px;padding:60px 24px}.sp-table{width:100%;border-collapse:collapse;font-size:13px}.sp-table thead{position:sticky;top:0;z-index:1;background:var(--surface-card, var(--surface-0))}.sp-table th{text-align:left;padding:12px 10px;font-size:11px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--border-light, var(--border-200));background:var(--surface-card, var(--surface-0))}.sp-th-image{width:72px}.sp-row{cursor:pointer;transition:background .15s}.sp-row:hover{background:var(--surface-hover, var(--surface-100))}.sp-row.active{background:var(--brand-subtle, rgba(124, 92, 255, .08));box-shadow:inset 3px 0 0 0 var(--brand-500, #7C5CFF)}.sp-row td{padding:10px;border-bottom:1px solid var(--border-light, var(--border-200));color:var(--text-700, var(--text-200));vertical-align:middle}.sp-td-image{padding:6px 10px;width:72px}.sp-thumb{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--surface-elevated, var(--surface-200));display:flex;align-items:center;justify-content:center}.sp-thumb img{width:100%;height:100%;object-fit:cover}.sp-thumb-placeholder{font-size:20px;font-weight:600;color:var(--text-400)}.sp-td-title{max-width:280px}.sp-title{font-size:13px;font-weight:600;color:var(--text-900, var(--text-100));line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-slug{font-size:11px;color:var(--text-400);font-family:var(--font-mono, "SF Mono", Menlo, monospace);margin-top:2px}.sp-td-type{text-transform:capitalize;color:var(--text-600)}.sp-td-time{font-size:12px;color:var(--text-400);white-space:nowrap}.sp-pagination{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-top:1px solid var(--border-light, var(--border-200));background:var(--surface-card, var(--surface-0));flex-shrink:0}.sp-page-btn{padding:6px 14px;font-size:12px;font-weight:600;color:var(--text-600);background:var(--surface-elevated, var(--surface-100));border:1px solid var(--border, var(--border-200));border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all .15s}.sp-page-btn:hover:not(:disabled){background:var(--brand-subtle, rgba(124, 92, 255, .1));color:var(--brand-600, #6b5ce0)}.sp-page-btn:disabled{opacity:.4;cursor:not-allowed}.sp-page-indicator{font-size:12px;color:var(--text-400);min-width:60px;text-align:center}.sp-badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full, 999px);font-size:11px;font-weight:600;white-space:nowrap;text-transform:capitalize;border:1px solid transparent}.sp-badge-dot{width:6px;height:6px;border-radius:50%}.sp-badge-draft{background:#94a3b81f;color:var(--text-400);border-color:#94a3b840}.sp-badge-draft .sp-badge-dot{background:var(--text-400)}.sp-badge-pending_review{background:var(--warning-bg, rgba(246, 193, 119, .18));color:#92700a;border-color:var(--warning-border, rgba(246, 193, 119, .3))}.sp-badge-pending_review .sp-badge-dot{background:#e8a43f}.sp-badge-approved{background:#14b8a61f;color:#0f766e;border-color:#14b8a640}.sp-badge-approved .sp-badge-dot{background:#14b8a6}.sp-badge-ready_to_serve{background:var(--success-bg, rgba(34, 197, 94, .12));color:#1b7a5a;border-color:var(--success-border, rgba(34, 197, 94, .3))}.sp-badge-ready_to_serve .sp-badge-dot{background:#22c55e}.sp-badge-rejected{background:var(--error-bg, rgba(239, 68, 68, .1));color:#b42318;border-color:var(--error-border, rgba(239, 68, 68, .3))}.sp-badge-rejected .sp-badge-dot{background:#ef4444}.sp-drawer{width:480px;min-width:480px;max-width:480px;border-left:1px solid var(--border, var(--border-200));background:var(--surface-card, var(--surface-0));display:flex;flex-direction:column;overflow:hidden;animation:sp-slideIn .2s ease}@keyframes sp-slideIn{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.sp-drawer-header{padding:16px 20px;border-bottom:1px solid var(--border-light, var(--border-200));display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-shrink:0;background:var(--surface-elevated, var(--surface-50))}.sp-drawer-header-title{flex:1;min-width:0}.sp-drawer-header h3{margin:0 0 6px;font-family:var(--font-display, "DM Serif Display", serif);font-size:17px;font-weight:500;color:var(--text-900, var(--text-100));line-height:1.25}.sp-drawer-header-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sp-header-meta-text{font-size:11px;color:var(--text-400)}.sp-drawer-close{background:transparent;border:none;font-size:22px;color:var(--text-400);cursor:pointer;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-drawer-close:hover{background:var(--surface-hover, var(--surface-100));color:var(--text-700)}.sp-drawer-body{flex:1;overflow-y:auto;padding:16px 20px 20px}.sp-media-section{margin-bottom:20px}.sp-media-main{width:100%;aspect-ratio:1;background:var(--surface-elevated, var(--surface-100));border-radius:12px;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.sp-media-main img{width:100%;height:100%;object-fit:contain}.sp-media-placeholder{font-size:13px;color:var(--text-400);padding:40px}.sp-processing-pill{position:absolute;top:12px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#000000a6;color:#fff;border-radius:var(--radius-full, 999px);font-size:11px;font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sp-processing-spinner{width:10px;height:10px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:sp-spin .7s linear infinite}@keyframes sp-spin{to{transform:rotate(360deg)}}.sp-media-delete{position:absolute;top:12px;right:12px;padding:5px 10px;background:#0009;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:11px;font-weight:500;opacity:0;transition:opacity .15s,background .15s}.sp-media-main:hover .sp-media-delete{opacity:1}.sp-media-delete:hover{background:#dc2626e6}.sp-media-thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto}.sp-media-thumb{position:relative;flex-shrink:0;width:60px;height:60px;border-radius:6px;overflow:hidden;background:var(--surface-elevated, var(--surface-100));border:2px solid transparent;cursor:pointer;padding:0}.sp-media-thumb.active{border-color:var(--brand-500, #7C5CFF)}.sp-media-thumb img{width:100%;height:100%;object-fit:cover}.sp-media-cover-tag{position:absolute;bottom:2px;left:2px;right:2px;background:#7c5cffd9;color:#fff;font-size:9px;font-weight:600;padding:1px 4px;border-radius:3px;text-align:center;text-transform:uppercase;letter-spacing:.3px}.sp-section{padding:14px 0;border-top:1px solid var(--border-light, var(--border-200))}.sp-section:first-child{border-top:none;padding-top:0}.sp-section-title{margin:0 0 10px;font-size:11px;font-weight:700;color:var(--text-400);text-transform:uppercase;letter-spacing:.8px}.sp-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.sp-field{display:flex;flex-direction:column;gap:3px;padding:8px 10px;background:var(--surface-input, var(--surface-100));border:1px solid var(--border-light, var(--border-200));border-radius:var(--radius-sm, 6px)}.sp-field-full{grid-column:1 / -1}.sp-field-label{font-size:10px;font-weight:600;color:var(--text-400);text-transform:uppercase;letter-spacing:.6px}.sp-field-value{font-size:13px;font-weight:500;color:var(--text-700, var(--text-200));display:inline-flex;align-items:center;gap:8px;text-transform:capitalize}.sp-field-link{font-size:11px;color:var(--brand-600, #6b5ce0);text-decoration:none}.sp-field-link:hover{text-decoration:underline}.sp-field-url{font-size:12px;word-break:break-all;text-transform:none;font-family:var(--font-mono, "SF Mono", Menlo, monospace)}.sp-description{margin:0;font-size:13px;line-height:1.5;color:var(--text-700, var(--text-200));white-space:pre-wrap}.sp-compat{display:flex;flex-direction:column;gap:10px}.sp-compat-row{display:flex;align-items:flex-start;gap:10px}.sp-compat-label{flex-shrink:0;width:100px;font-size:11px;font-weight:600;color:var(--text-400);padding-top:4px}.sp-compat-values{flex:1;display:flex;flex-wrap:wrap;gap:4px}.sp-compat-chip{display:inline-block;padding:3px 8px;font-size:11px;font-weight:500;background:var(--brand-subtle, rgba(124, 92, 255, .1));color:var(--brand-700, #6b5ce0);border:1px solid rgba(124,92,255,.18);border-radius:var(--radius-full, 999px);text-transform:capitalize}.sp-specs{margin:0;padding:10px 12px;font-family:var(--font-mono, "SF Mono", Menlo, monospace);font-size:11.5px;line-height:1.45;color:var(--text-700, var(--text-200));background:var(--surface-input, var(--surface-100));border:1px solid var(--border-light, var(--border-200));border-radius:var(--radius-sm, 6px);white-space:pre-wrap;overflow-x:auto}.sp-collections-sublabel{font-size:11px;font-weight:600;color:var(--text-400);letter-spacing:.3px;margin-bottom:6px}.sp-editor-suggestions{margin-bottom:14px;padding:10px 12px;background:var(--surface-input, var(--surface-100));border:1px dashed var(--border-light, var(--border-200));border-radius:var(--radius-sm, 6px)}.sp-editor-suggestion-chips{display:flex;flex-wrap:wrap;gap:6px}.sp-editor-suggestion-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;font-size:11.5px;font-weight:500;color:var(--text-500, var(--text-400));background:var(--surface-card, var(--surface-0));border:1px solid var(--border-light, var(--border-200));border-radius:var(--radius-full, 999px);cursor:default;-webkit-user-select:none;user-select:none}.sp-editor-suggestion-chip.is-stale{color:#b42318;background:var(--error-bg, rgba(239, 68, 68, .06));border-color:var(--error-border, rgba(239, 68, 68, .25))}.sp-collection-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.sp-collection-checkbox-row{display:flex;align-items:center;padding:6px 8px;border-radius:var(--radius-sm, 6px);transition:background .15s}.sp-collection-checkbox-row:hover{background:var(--surface-hover, var(--surface-100))}.sp-collection-checkbox-label{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;font-size:13px;color:var(--text-700, var(--text-200))}.sp-collection-checkbox{width:15px;height:15px;accent-color:var(--brand-500, #7C5CFF);cursor:pointer;flex-shrink:0}.sp-collection-checkbox:disabled{cursor:wait}.sp-collection-title{flex:1}.sp-collection-row-hint{display:inline-flex;align-items:center;padding:1px 7px;font-size:10px;font-weight:600;color:var(--brand-700, #6b5ce0);background:var(--brand-subtle, rgba(124, 92, 255, .1));border:1px solid rgba(124,92,255,.18);border-radius:var(--radius-full, 999px);text-transform:lowercase;letter-spacing:.3px}.sp-collection-row-spinner{width:12px;height:12px;border:1.5px solid var(--border-light, var(--border-200));border-top-color:var(--brand-500, #7C5CFF);border-radius:50%;animation:sp-spin .7s linear infinite;flex-shrink:0}.sp-collection-loading,.sp-collections-empty,.sp-collections-error{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-400);padding:8px 4px}.sp-collections-empty{font-style:italic}.sp-collections-error{color:#b42318}.sp-collections-retry{background:transparent;border:none;padding:0;font-size:12px;color:var(--brand-600, #6b5ce0);cursor:pointer;text-decoration:underline;font-weight:500}.sp-collections-retry:hover{color:var(--brand-700, #6b5ce0)}.sp-reject-block{background:var(--error-bg, rgba(239, 68, 68, .06));border-radius:var(--radius-sm, 6px);padding:12px 14px;border:1px solid var(--error-border, rgba(239, 68, 68, .2))}.sp-reject-text{margin:0;font-size:13px;color:#b42318;line-height:1.5}.sp-action-bar{padding:14px 20px;border-top:1px solid var(--border, var(--border-200));background:var(--surface-elevated, var(--surface-50));flex-shrink:0}.sp-action-row{display:flex;gap:8px}.sp-btn{flex:1;padding:10px 14px;font-size:13px;font-weight:600;border-radius:var(--radius-sm, 6px);cursor:pointer;border:1px solid transparent;transition:all .15s;letter-spacing:.2px}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-btn-approve{background:linear-gradient(135deg,#4fd1a5,#3cb890);color:#fff;box-shadow:0 2px 8px #4fd1a538}.sp-btn-approve:hover:not(:disabled){box-shadow:0 4px 14px #4fd1a54d;transform:translateY(-1px)}.sp-btn-publish{background:linear-gradient(135deg,#8270f5,#7c5cff);color:#fff;box-shadow:0 2px 8px #7c5cff40}.sp-btn-publish:hover:not(:disabled){box-shadow:0 4px 14px #7c5cff59;transform:translateY(-1px)}.sp-btn-reject-outline{background:transparent;color:var(--text-500, var(--text-300));border-color:var(--border, var(--border-200))}.sp-btn-reject-outline:hover:not(:disabled){background:var(--error-bg, rgba(239, 68, 68, .08));color:#b42318;border-color:var(--error-border, rgba(239, 68, 68, .3))}.sp-btn-reject{background:#ef44441f;color:#b42318;border-color:var(--error-border, rgba(239, 68, 68, .3))}.sp-btn-reject:hover:not(:disabled){background:#ef444433}.sp-btn-secondary{background:var(--surface-card, var(--surface-0));color:var(--text-600);border-color:var(--border, var(--border-200))}.sp-btn-secondary:hover:not(:disabled){background:var(--surface-hover, var(--surface-100));color:var(--text-900, var(--text-100))}.sp-btn-cancel{background:transparent;color:var(--text-400);border-color:var(--border, var(--border-200))}.sp-btn-cancel:hover:not(:disabled){background:var(--surface-hover, var(--surface-100))}.sp-reject-form{display:flex;flex-direction:column;gap:8px}.sp-reject-textarea{width:100%;padding:10px 12px;font-size:13px;color:var(--text-900, var(--text-100));background:var(--surface-input, var(--surface-100));border:1px solid var(--border, var(--border-200));border-radius:var(--radius-sm, 6px);outline:none;resize:vertical;font-family:inherit;line-height:1.4;box-sizing:border-box}.sp-reject-textarea:focus{border-color:var(--brand-500, #7C5CFF);box-shadow:0 0 0 3px var(--brand-subtle, rgba(124, 92, 255, .15))}.sp-action-error{margin-bottom:10px;padding:8px 12px;background:var(--error-bg, rgba(239, 68, 68, .1));color:#b42318;border:1px solid var(--error-border, rgba(239, 68, 68, .3));border-radius:var(--radius-sm, 6px);font-size:12px}.job-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.job-create-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;font-weight:600;color:#fff;background:var(--brand-500);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background .15s var(--ease-out)}.job-create-btn:hover{background:var(--brand-600, #6b5ce0)}.job-status-tabs{display:flex;gap:2px;flex-wrap:wrap}.job-tab{padding:5px 10px;font-size:11px;font-weight:600;color:var(--text-400);background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease-out)}.job-tab:hover{color:var(--text-600);background:var(--surface-hover)}.job-tab.active{color:var(--brand-500);background:var(--brand-subtle);border-color:var(--brand-500)}.job-salon-name{font-size:12px;color:var(--text-400);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.job-urgency-badge{font-size:10px;font-weight:700;text-transform:uppercase;padding:2px 6px;border-radius:var(--radius-full);flex-shrink:0}.job-urgency-urgent{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.job-urgency-critical{background:var(--error-bg);color:#b42318;border:1px solid var(--error-border)}.job-status-active{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.job-status-active .dot{background:var(--success)}.job-status-draft{background:#94a3b826;color:var(--text-400);border:1px solid rgba(148,163,184,.25)}.job-status-draft .dot{background:var(--text-400)}.job-status-paused{background:var(--warning-bg);color:#92700a;border:1px solid var(--warning-border)}.job-status-paused .dot{background:var(--warning)}.job-status-filled{background:#8b5cf61f;color:#7c3aed;border:1px solid rgba(139,92,246,.25)}.job-status-filled .dot{background:#7c3aed}.job-status-closed{background:#94a3b81a;color:var(--text-300);border:1px solid rgba(148,163,184,.15)}.job-status-closed .dot{background:var(--text-300)}.salon-icon{display:flex;align-items:center;justify-content:center;color:var(--text-400)}.job-form-panel{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--surface-bg)}.job-form-scroll{flex:1;overflow-y:auto;padding:24px 32px 40px;max-width:720px;margin:0 auto;width:100%}.job-form-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-400);font-size:13px}.job-form-top-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.job-form-title{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-900);margin:0}.job-form-cancel{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:var(--surface-hover);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-400);transition:all .15s var(--ease-out)}.job-form-cancel:hover{background:var(--surface-elevated);color:var(--text-900)}.job-toast{padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;margin-bottom:16px;animation:jobToastIn .2s ease-out}@keyframes jobToastIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.job-toast-success{background:var(--success-bg);color:#1b7a5a;border:1px solid var(--success-border)}.job-toast-error{background:var(--error-bg);color:#b42318;border:1px solid var(--error-border)}.job-section{border:1px solid var(--border-light);border-radius:var(--radius);padding:16px;margin-bottom:16px;background:var(--surface-card)}.job-section legend{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-400);padding:0 8px}.job-field{margin-bottom:12px;position:relative}.job-field:last-child{margin-bottom:0}.job-field label{display:block;font-size:12px;font-weight:600;color:var(--text-600);margin-bottom:4px}.job-field-hint{font-size:11px;color:var(--text-300);margin-top:2px}.job-input,.job-select,.job-textarea{width:100%;padding:8px 10px;font-size:13px;background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;color:var(--text-900);font-family:var(--font-body);transition:all .2s var(--ease-out);box-sizing:border-box}.job-input::placeholder,.job-textarea::placeholder{color:var(--text-300)}.job-input:focus,.job-select:focus,.job-textarea:focus{border-color:var(--brand-500);box-shadow:0 0 0 3px var(--brand-subtle)}.job-input:disabled,.job-select:disabled{opacity:.6;cursor:not-allowed}.job-textarea{resize:vertical;min-height:60px}.job-select{cursor:pointer}.job-row{display:flex;gap:12px}.job-row .job-field{flex:1}.job-chip-group{display:flex;flex-wrap:wrap;gap:6px}.job-chip{padding:5px 12px;font-size:12px;font-weight:500;color:var(--text-400);background:var(--surface-input);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all .15s var(--ease-out)}.job-chip:hover{color:var(--text-600);border-color:var(--text-300)}.job-chip.active{color:var(--brand-500);background:var(--brand-subtle);border-color:var(--brand-500);font-weight:600}.salon-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px #0000001f;z-index:10;max-height:200px;overflow-y:auto}.salon-autocomplete-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;font-size:13px;cursor:pointer;transition:background .1s}.salon-autocomplete-item:hover{background:var(--surface-hover)}.salon-ac-name{font-weight:600;color:var(--text-900)}.salon-ac-city{font-size:12px;color:var(--text-400)}.job-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px;padding-top:4px}.job-btn{padding:8px 16px;font-size:13px;font-weight:600;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s var(--ease-out)}.job-btn:disabled{opacity:.5;cursor:not-allowed}.job-btn-primary{background:var(--brand-500);color:#fff}.job-btn-primary:hover:not(:disabled){background:var(--brand-600, #6b5ce0)}.job-btn-success{background:var(--success);color:#fff}.job-btn-success:hover:not(:disabled){filter:brightness(.9)}.job-btn-warning{background:var(--warning);color:#fff}.job-btn-warning:hover:not(:disabled){filter:brightness(.9)}.job-btn-info{background:#7c3aed;color:#fff}.job-btn-info:hover:not(:disabled){background:#6d28d9}.job-btn-danger{background:var(--error);color:#fff}.job-btn-danger:hover:not(:disabled){filter:brightness(.9)}.job-analytics-section{margin-top:8px}.job-analytics-loading{font-size:13px;color:var(--text-400);text-align:center;padding:16px 0}.job-analytics-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:16px}.job-stat{text-align:center;padding:12px 8px;background:var(--surface-elevated);border-radius:var(--radius-sm)}.job-stat-value{font-size:20px;font-weight:700;color:var(--text-900);font-family:var(--font-display)}.job-stat-label{font-size:11px;color:var(--text-400);margin-top:2px;font-weight:500}.job-city-breakdown{border-top:1px solid var(--border-light);padding-top:12px}.job-city-title{font-size:12px;font-weight:600;color:var(--text-400);margin-bottom:8px}.job-city-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.job-city-name{font-size:12px;color:var(--text-600);width:100px;flex-shrink:0}.job-city-count{font-size:12px;font-weight:600;color:var(--text-900);width:32px;text-align:right;flex-shrink:0}.job-city-bar{flex:1;height:6px;background:var(--surface-elevated);border-radius:3px;overflow:hidden}.job-city-bar-fill{height:100%;background:var(--brand-500);border-radius:3px;transition:width .3s ease-out}.dashboard-screen{display:flex;flex-direction:column;height:100vh}.main{flex:1;display:flex;overflow:hidden}.center-panel{flex:1;overflow-y:auto;background:var(--surface-bg)}.preview-container{max-width:520px;margin:0 auto;padding:32px 24px}.logout-screen{display:flex;align-items:center;justify-content:center;height:100vh;background:#0d0b14;position:relative;overflow:hidden;flex-direction:column}.logout-card{position:relative;z-index:1;width:100%;max-width:440px;padding:0 24px;text-align:center}.logout-icon{width:80px;height:80px;border-radius:50%;background:#4fd1a51a;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;border:1px solid rgba(79,209,165,.2)}.logout-icon svg{color:var(--success)}.logout-card h2{font-family:var(--font-display);font-size:24px;font-weight:500;color:#ffffffeb;margin-bottom:8px}.logout-card p{font-size:14px;color:#fff6;line-height:1.6;margin-bottom:32px}.session-info{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);margin-bottom:32px}.session-info span{font-size:12px;color:#ffffff4d}.session-info strong{font-size:12px;color:#fff9;font-weight:600}.back-login-btn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;font-size:12px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff;background:var(--brand-gradient);border-radius:var(--radius);transition:all .3s var(--ease-out);box-shadow:0 4px 16px #8270f54d}.back-login-btn:hover{transform:translateY(-1px);box-shadow:0 6px 24px #8270f566}.logout-timer{margin-top:20px;font-size:12px;color:#fff3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-100: #F1EEFF;--brand-200: #DDD6FF;--brand-300: #C1B6FF;--brand-400: #9B8AFF;--brand-500: #8270F5;--brand-600: #6A5AE0;--brand-700: #5647C8;--brand-800: #4237A3;--brand-900: #2D2675;--brand-muted: rgba(130,112,245,.15);--brand-subtle: rgba(130,112,245,.08);--brand-glow: rgba(130,112,245,.25);--brand-gradient: linear-gradient(135deg, #9B8AFF, #8270F5, #6A5AE0);--champagne-100: #F6E9CF;--champagne-200: #EBD7B0;--champagne-300: #D4AF7A;--champagne-400: #B8935E;--surface-bg: #FAFAFE;--surface-card: #FFFFFF;--surface-elevated: #F5F3FB;--surface-hover: #F0EEFA;--surface-input: #F8F7FC;--border: rgba(130,112,245,.12);--border-light: rgba(130,112,245,.06);--border-strong: rgba(130,112,245,.2);--text-900: #1A1528;--text-700: #3D3352;--text-600: #544A6B;--text-500: #6E6485;--text-400: #9890AD;--text-300: #C4BED6;--success: #4FD1A5;--success-bg: rgba(79,209,165,.12);--success-border: rgba(79,209,165,.25);--warning: #F6C177;--warning-bg: rgba(246,193,119,.12);--warning-border: rgba(246,193,119,.25);--error: #F56565;--error-bg: rgba(245,101,101,.12);--error-border: rgba(245,101,101,.25);--info: #63B3ED;--info-bg: rgba(99,179,237,.12);--font-display: "Playfair Display", Georgia, serif;--font-serif: "Cormorant Garamond", Georgia, serif;--font-body: "Inter", -apple-system, sans-serif;--ease-out: cubic-bezier(.16, 1, .3, 1);--radius: 12px;--radius-sm: 8px;--radius-lg: 16px;--radius-full: 9999px}body{font-family:var(--font-body);background:var(--surface-bg);color:var(--text-900);height:100vh;overflow:hidden;font-size:14px;-webkit-font-smoothing:antialiased}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--text-300);border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn .4s var(--ease-out)}
