@import"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap";:root{--color-cream: #F4EFEA;--color-taupe: #A89987;--color-warm-greige: #C2B6A7;--color-gold: #C5A059;--color-black: #111111;--color-text-dark: #1A1A1A;--color-white: #FFFFFF;--color-cream-light: #F9F7F5;--color-border-trans: rgba(168, 153, 135, .25);--font-serif: "Cinzel", serif;--font-sans: "Inter", sans-serif;--transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .2s ease}body{font-family:var(--font-sans);background-color:var(--color-cream);color:var(--color-text-dark);min-height:100vh;margin:0;padding:0;display:flex;flex-direction:column}.premium-surface{background-color:var(--color-cream);background-image:radial-gradient(rgba(17,17,17,.02) 1px,transparent 0);background-size:4px 4px}.login-wrapper{flex-grow:1;display:flex;align-items:center;justify-content:center;padding:24px;min-height:100vh}.login-card{background-color:var(--color-white);border:1px solid var(--color-taupe);padding:50px 40px;width:100%;max-width:450px;box-shadow:0 15px 35px #00000008}.login-header{text-align:center;margin-bottom:40px}.login-logo-main{font-family:var(--font-serif);font-size:1.6rem;letter-spacing:.15em;color:var(--color-black);display:block}.login-logo-sub{font-size:.65rem;letter-spacing:.3em;color:var(--color-taupe);text-transform:uppercase}.dashboard-wrapper{display:none;flex-direction:column;min-height:100vh}.dash-header{background-color:var(--color-black);color:var(--color-cream);border-bottom:1px solid rgba(197,160,89,.2);padding:15px 5%}.dash-header-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.dash-logo{font-family:var(--font-serif);font-size:1.25rem;letter-spacing:.15em}.dash-user-actions{display:flex;align-items:center;gap:20px}.dash-profile-indicator{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(197,160,89,.3);color:var(--color-gold);background-color:#ffffff08;transition:var(--transition-fast);cursor:pointer}.dash-profile-indicator:hover{border-color:var(--color-gold);color:var(--color-cream);background-color:#c5a0591a;box-shadow:0 0 10px #c5a05933}.profile-svg{width:18px;height:18px;transition:var(--transition-fast)}.btn-logout{background:transparent;border:1px solid var(--color-taupe);color:var(--color-cream);padding:6px 16px;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast)}.btn-logout:hover{border-color:var(--color-gold);color:var(--color-gold)}.dash-toolbar{background-color:var(--color-white);border-bottom:1px solid var(--color-border-trans);padding:0 5%}.dash-toolbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1600px;margin:0 auto}.dash-tabs{display:flex}.dash-tab{background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-taupe);padding:20px 30px;font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;cursor:pointer;font-weight:500;transition:var(--transition-smooth)}.dash-tab:hover{color:var(--color-black)}.dash-tab.active{color:var(--color-black);border-bottom-color:var(--color-gold)}.dash-main{flex-grow:1;padding:50px 5%;max-width:1600px;width:100%;margin:0 auto}.dash-section{display:none;animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.dash-section.active{display:block}.section-header-flex{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.section-title{font-family:var(--font-serif);font-size:1.6rem;letter-spacing:.08em;color:var(--color-black);margin:0}.dashboard-form-container{background-color:var(--color-white);border:1px solid var(--color-border-trans);padding:40px;margin-bottom:50px;display:none}.form-title{font-family:var(--font-serif);font-size:1.15rem;margin-bottom:25px;letter-spacing:.1em;border-bottom:1px solid var(--color-border-trans);padding-bottom:15px}.form-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.form-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group{margin-bottom:20px;display:flex;flex-direction:column}.form-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-taupe);margin-bottom:6px;font-weight:500}.form-control{background-color:var(--color-cream-light);border:1px solid var(--color-border-trans);padding:12px;font-size:.85rem;color:var(--color-text-dark);transition:var(--transition-fast)}.form-control:focus{outline:none;border-color:var(--color-gold);background-color:var(--color-white)}textarea.form-control{min-height:120px;resize:vertical}.image-upload-zone{border:1px dashed var(--color-taupe);background-color:var(--color-cream-light);padding:20px;text-align:center;cursor:pointer;transition:var(--transition-fast);margin-bottom:10px;display:flex;flex-direction:column;align-items:center;justify-content:center}.image-upload-zone:hover{border-color:var(--color-gold);background-color:var(--color-white)}.image-upload-icon{font-size:1.5rem;margin-bottom:8px}.image-upload-text{font-size:.75rem;color:var(--color-taupe)}.image-preview-container{display:flex;gap:10px;flex-wrap:wrap;margin-top:15px}.image-preview-item{position:relative;width:120px;height:150px;border:1px solid var(--color-border-trans);background-color:var(--color-white);display:flex;flex-direction:column}.image-preview-item img{width:100%;height:100px;object-fit:cover}.image-preview-badge-row{height:50px;display:flex;align-items:center;justify-content:center;padding:5px}.badge-main-image.active{font-size:.65rem;background-color:var(--color-gold-trans);color:var(--color-gold);border:1px solid rgba(197,160,89,.3);padding:4px 8px;text-transform:uppercase;font-weight:600;letter-spacing:.05em;text-align:center;width:100%}.btn-make-main{font-size:.65rem;background-color:var(--color-black);color:var(--color-cream);border:none;padding:6px 8px;text-transform:uppercase;font-weight:500;cursor:pointer;transition:var(--transition-fast);width:100%;text-align:center}.btn-make-main:hover{background-color:var(--color-gold);color:var(--color-black)}.image-preview-delete{position:absolute;top:-6px;right:-6px;background-color:var(--color-black);color:var(--color-white);border:none;border-radius:50%;width:20px;height:20px;font-size:.7rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.form-actions{display:flex;justify-content:flex-end;gap:15px;border-top:1px solid var(--color-border-trans);padding-top:25px;margin-top:20px}.table-wrapper{background-color:var(--color-white);border:1px solid var(--color-border-trans);overflow-x:auto;box-shadow:0 4px 15px #00000003}table{width:100%;border-collapse:collapse;text-align:left}th{background-color:var(--color-cream-light);border-bottom:2px solid var(--color-border-trans);color:var(--color-black);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;padding:18px 24px;font-weight:600}td{border-bottom:1px solid var(--color-border-trans);padding:18px 24px;font-size:.85rem;color:var(--color-text-dark);vertical-align:middle}tr:hover td{background-color:var(--color-cream-light)}.table-thumb{width:60px;height:60px;object-fit:cover;border:1px solid var(--color-border-trans);background-color:var(--color-cream)}.btn-table-action{background:transparent;border:1px solid var(--color-taupe);color:var(--color-text-dark);padding:6px 12px;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:var(--transition-fast);margin-right:5px}.btn-table-action:hover{border-color:var(--color-gold);color:var(--color-gold)}.btn-table-action.delete:hover{border-color:#a34848;color:#a34848}.status-badge{display:inline-block;padding:4px 10px;font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;font-weight:500}.status-badge.sale{background-color:var(--color-gold-trans);color:var(--color-gold);border:1px solid rgba(197,160,89,.3)}.btn-primary{background-color:var(--color-black);color:var(--color-cream);border:1px solid var(--color-black);padding:12px 28px;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;cursor:pointer;transition:var(--transition-smooth)}.btn-primary:hover{background-color:transparent;color:var(--color-black)}.btn-cancel{background-color:transparent;border:1px solid var(--color-taupe);color:var(--color-text-dark);padding:12px 28px;text-transform:uppercase;font-size:.75rem;letter-spacing:.15em;cursor:pointer;transition:var(--transition-smooth)}.btn-cancel:hover{background-color:#1111110d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#111111b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-container{background-color:var(--color-cream);border:1px solid var(--color-taupe);width:90%;max-width:480px;padding:40px;position:relative;transform:scale(.9);transition:transform .4s cubic-bezier(.16,1,.3,1);text-align:center}.modal-overlay.open .modal-container{transform:scale(1)}.modal-title{font-family:var(--font-serif);font-size:1.35rem;margin-bottom:15px}.modal-text{font-size:.9rem;color:var(--color-taupe);margin-bottom:30px;line-height:1.5}.modal-actions{display:flex;gap:15px;justify-content:center}.toast{position:fixed;bottom:30px;right:30px;background-color:var(--color-black);color:var(--color-cream);padding:16px 28px;border-left:4px solid var(--color-gold);font-size:.85rem;letter-spacing:.05em;z-index:3000;box-shadow:0 10px 30px #00000040;transform:translateY(100px);opacity:0;transition:var(--transition-smooth)}.toast.show{transform:translateY(0);opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.form-grid-3,.form-grid-2{grid-template-columns:1fr;gap:0}.section-header-flex{flex-direction:column;align-items:flex-start;gap:15px}.dash-tabs{width:100%}.dash-tab{flex-grow:1;text-align:center;padding:15px 10px;font-size:.7rem}.dashboard-form-container{padding:24px}}.form-layout-grid{display:grid;grid-template-columns:2.2fr 1fr;gap:30px}.seo-wizard-widget{background-color:var(--color-cream-light);border:1px solid var(--color-border-trans);padding:25px;height:fit-content;position:sticky;top:30px;box-shadow:0 4px 15px #00000003}.seo-widget-title{font-family:var(--font-serif);font-size:.95rem;letter-spacing:.1em;margin-bottom:20px;color:var(--color-black);border-bottom:1px solid var(--color-border-trans);padding-bottom:12px;display:flex;align-items:center;justify-content:space-between}.seo-score-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.seo-score-circle{width:60px;height:60px;border-radius:50%;border:4px solid var(--color-taupe);display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:1.15rem;font-weight:700;transition:var(--transition-smooth)}.seo-score-circle.poor{border-color:#a34848;color:#a34848}.seo-score-circle.good{border-color:#c5a059;color:#c5a059}.seo-score-circle.excellent{border-color:#48a375;color:#48a375}.seo-progress-bar-bg{width:100%;height:6px;background-color:var(--color-border-trans);border-radius:3px;margin-bottom:25px;overflow:hidden}.seo-progress-bar-fill{height:100%;width:0%;background-color:var(--color-gold);transition:var(--transition-smooth)}.seo-progress-bar-fill.poor{background-color:#a34848}.seo-progress-bar-fill.good{background-color:#c5a059}.seo-progress-bar-fill.excellent{background-color:#48a375}.seo-checklist{list-style:none;padding:0;margin:0}.seo-checklist-item{display:flex;align-items:flex-start;gap:10px;font-size:.8rem;color:var(--color-text-dark);margin-bottom:15px;line-height:1.4}.seo-checklist-icon{font-size:1rem;line-height:1}.seo-checklist-item.passed{color:var(--color-taupe)}.seo-checklist-item.passed .seo-checklist-icon{color:#48a375}.seo-checklist-item.failed .seo-checklist-icon{color:#a34848}.seo-checklist-text{font-weight:300}.seo-checklist-item.passed .seo-checklist-text{text-decoration:line-through;opacity:.65}@media (max-width: 1024px){.form-layout-grid{grid-template-columns:1fr}.seo-wizard-widget{position:static;margin-top:30px}}#section-settings{display:none}#section-settings.active{display:block}#video-drop-zone.dragover{border-color:var(--color-gold);background-color:var(--color-white)}.progress-bar-bg{background-color:var(--color-border-trans);height:8px;width:100%;border-radius:4px;overflow:hidden}#video-upload-progress-bar{background-color:var(--color-gold);height:100%;width:0%;transition:width .3s ease}
