:root{--primary-gradient: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--primary-color: #f59e0b;--primary-light: #fef3c7;--primary-dark: #d97706;--secondary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--secondary-color: #667eea;--accent-color: #10b981;--text-primary: #1e293b;--text-secondary: #64748b;--border-color: #e2e8f0;--background-light: #f8fafc}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--background-light);color:var(--text-primary);line-height:1.6}.app-container{min-height:100vh;display:flex;flex-direction:column}.top-nav{background:#fff;border-bottom:1px solid #e2e8f0;padding:0 32px;height:72px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}.nav-left{display:flex;align-items:center}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:var(--primary-gradient);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem}.logo-text{font-size:1.25rem;font-weight:600;color:#1e293b}.nav-right{display:flex;align-items:center;gap:16px}.btn-secondary-nav{padding:8px 16px;background:transparent;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary-nav:hover{border-color:#cbd5e1;color:#475569}.btn-primary-nav{padding:8px 16px;background:var(--primary-gradient);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary-nav:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.main-layout{display:flex;flex:1;min-height:calc(100vh - 72px)}.sidebar{width:280px;background:#fff;border-right:1px solid #e2e8f0;padding:24px 0;display:flex;flex-direction:column}.sidebar-header{padding:0 24px 24px;border-bottom:1px solid #f1f5f9}.sidebar-header h3{font-size:1.125rem;font-weight:600;color:#1e293b}.sidebar-nav{flex:1;padding:24px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 24px;cursor:pointer;transition:all .2s;position:relative}.nav-item:hover:not(.disabled){background:#f8fafc;transform:translate(4px)}.nav-item.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.nav-item.active{background:var(--primary-light);border-right:3px solid var(--primary-color);color:var(--primary-dark);font-weight:500}.nav-item.completed{color:#059669}.nav-icon{width:24px;height:24px;border-radius:50%;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--text-secondary)}.nav-item.active .nav-icon{background:var(--primary-color);color:#fff}.nav-item.completed .nav-icon{background:var(--accent-color);color:#fff}.sidebar-stats{padding:0 24px;display:flex;flex-direction:column;gap:12px}.stat-card{background:#f8fafc;padding:16px;border-radius:8px;text-align:center}.stat-number{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:4px}.stat-label{font-size:.75rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em}.main-content{flex:1;overflow-y:auto}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:80px 60px;align-items:center;min-height:calc(100vh - 72px)}.hero-content{max-width:600px}.hero-title{font-size:3rem;font-weight:700;line-height:1.1;color:#1e293b;margin-bottom:24px}.hero-highlight{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#64748b;margin-bottom:32px;line-height:1.6}.hero-cta{background:var(--primary-gradient);border:none;padding:16px 32px;border-radius:8px;color:#fff;font-size:1.125rem;font-weight:600;cursor:pointer;transition:all .2s;margin-bottom:48px}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.features-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.feature-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e2e8f0}.feature-icon{width:32px;height:32px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;color:#475569}.dashboard-preview{display:flex;justify-content:center;align-items:center}.preview-window{width:400px;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000001a;overflow:hidden}.preview-header{background:#f8fafc;padding:16px;border-bottom:1px solid #e2e8f0}.preview-dots{display:flex;gap:8px}.preview-dots span{width:8px;height:8px;border-radius:50%;background:#cbd5e1}.preview-content{padding:24px}.preview-card{border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.card-header{background:#f8fafc;padding:12px 16px;font-size:.875rem;font-weight:500;color:#475569}.card-body{padding:16px}.form-preview{display:flex;flex-direction:column;gap:12px}.input-preview{height:12px;background:#f1f5f9;border-radius:4px}.input-preview.short{width:60%}.content-wrapper{padding:24px 40px;max-width:1200px;margin:0 auto;height:calc(100vh - 72px);overflow-y:auto;display:flex;flex-direction:column}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:40px;text-align:center}.hero-title{font-size:2.5rem}.sidebar{width:240px}}@media (max-width: 768px){.main-layout{flex-direction:column}.sidebar{width:100%;height:auto}.sidebar-nav{display:flex;overflow-x:auto;padding:12px 0}.nav-item{flex-shrink:0;min-width:120px}.hero-section{padding:40px 24px}.content-wrapper{padding:24px}}.step-title{font-size:1.5rem;color:#1e293b;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.step-subtitle{color:#64748b;margin-bottom:20px;font-size:.9375rem;font-weight:400}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.option-button{padding:16px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:hidden}.option-button:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2563eb;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.option-button:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.option-button.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 4px 12px #2563eb33}.option-button h3{font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:4px;transition:color .2s}.option-button.selected h3{color:#1e40af}.option-button p{font-size:.8125rem;color:#64748b;line-height:1.4;margin:0}.input-group{margin-bottom:16px}.input-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:6px;font-size:.875rem}.input-group input,.input-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:6px;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff}.btn{padding:12px 24px;border:none;border-radius:6px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn-primary{background:#2563eb;color:#fff}.btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d;transform:translateY(-1px)}.btn-secondary{background:#f8fafc;color:#475569;border:1px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.hook-list{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.hook-item{padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1rem;color:#1e293b;position:relative;overflow:hidden}.hook-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2563eb;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hook-item:hover{border-color:#2563eb;box-shadow:0 2px 8px #2563eb26;transform:translate(4px);background:#f8fafc}.hook-item.selected{background:#eff6ff;border-color:#2563eb;box-shadow:0 2px 8px #2563eb33;font-weight:500;color:#1e40af}.post-preview{background:#f8fafc;padding:32px;border-radius:6px;border:1px solid #e2e8f0;margin-bottom:30px;white-space:pre-wrap;line-height:1.8;font-size:1rem;color:#1e293b}.copy-button{background:#10b981;color:#fff;padding:12px 24px;border:none;border-radius:6px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;margin-right:10px}.copy-button:hover{background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-large{padding:14px 32px;font-size:1rem}.welcome-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.welcome-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#2563eb;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.welcome-card:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.welcome-card:hover:before{transform:scaleY(1)}.welcome-card-icon{font-size:2.5rem;margin-bottom:12px}.welcome-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:8px}.welcome-card p{font-size:.875rem;color:#64748b;line-height:1.5;margin:0}.info-box{padding:12px 16px;border-radius:6px;margin-bottom:16px;border-left:3px solid;font-size:.875rem;line-height:1.5}.info-box strong{display:block;font-weight:600;margin-bottom:6px;font-size:.875rem}.context-card{background:#fff;border:2px solid #e2e8f0;border-radius:8px;padding:20px;height:fit-content;position:relative;overflow:hidden}.context-card h3{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:12px}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media (max-width: 768px){.context-grid{grid-template-columns:1fr;gap:16px}.welcome-grid{grid-template-columns:1fr;gap:12px}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.option-button{position:relative;overflow:visible}.options-grid .option-button{padding:20px 16px 16px}.option-button:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px);z-index:10}.option-button .help-tooltip{z-index:1000}.step-container{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.step-title{font-size:1.75rem;color:#1e293b;font-weight:700;margin-bottom:6px;letter-spacing:-.02em}.step-subtitle{color:#64748b;margin-bottom:20px;font-size:1rem;font-weight:400}.options-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:20px}.option-button{padding:16px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;position:relative;overflow:visible}.option-button:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--primary-color);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1);border-radius:2px 0 0 2px}.option-button:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #fbbf2426;transform:translateY(-2px)}.option-button:hover:before{transform:scaleY(1)}.option-button.selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 8px 25px #fbbf2433}.option-button.selected:before{transform:scaleY(1)}.option-button h3{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:8px;transition:color .2s}.option-button.selected h3{color:var(--primary-dark)}.option-button p{font-size:.9375rem;color:#64748b;line-height:1.5;margin:0}.context-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.context-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;height:fit-content;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.context-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:#10b981;transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.context-card:hover{border-color:#10b981;box-shadow:0 4px 20px #10b98126}.context-card:hover:before{transform:scaleY(1)}.context-card h3{font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:16px}.input-group{margin-bottom:20px}.input-group label{display:block;font-weight:600;color:#1e293b;margin-bottom:8px;font-size:.9375rem}.input-group input,.input-group textarea{width:100%;padding:12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;background:#fff}.input-group input:hover,.input-group textarea:hover{border-color:#cbd5e1}.input-group input:focus,.input-group textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.button-group{display:flex;gap:12px;margin-top:20px}.btn{padding:12px 24px;border:none;border-radius:8px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:active:before{width:300px;height:300px}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#cbd5e1;cursor:not-allowed;transform:none;box-shadow:none;opacity:.6}.btn-secondary{background:#f8fafc;color:#475569;border:2px solid #e2e8f0}.btn-secondary:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d}.btn-large{padding:16px 32px;font-size:1.125rem}.info-box{padding:12px 16px;border-radius:6px;margin-bottom:16px;border-left:4px solid;font-size:.875rem;line-height:1.5}.info-box-blue{background:#eff6ff;border-color:#2563eb;color:#1e40af}.info-box-yellow{background:#fef3c7;border-color:#f59e0b;color:#451a03}.info-box-green{background:#d1fae5;border-color:#10b981;color:#065f46}.info-box-purple{background:#f3e8ff;border-color:#8b5cf6;color:#5b21b6}.info-box strong{display:block;font-weight:600;margin-bottom:8px;font-size:.9375rem}.hook-list{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.hook-item{padding:20px 24px;background:#fff;border:2px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:1.125rem;color:#1e293b;position:relative;overflow:hidden}.hook-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-color);transform:scaleY(0);transition:transform .3s cubic-bezier(.4,0,.2,1)}.hook-item:hover{border-color:var(--primary-color);box-shadow:0 2px 8px #fbbf2426;transform:translate(4px);background:#f8fafc}.hook-item:hover:before{transform:scaleY(1)}.hook-item.selected{background:var(--primary-light);border-color:var(--primary-color);box-shadow:0 4px 20px #fbbf2433;font-weight:500;color:var(--primary-dark)}.hook-item.selected:before{transform:scaleY(1)}.post-preview{background:#f8fafc;padding:32px;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:32px;white-space:pre-wrap;line-height:1.8;font-size:1.125rem;color:#1e293b}.copy-button{background:var(--primary-gradient);color:#fff;padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .2s;margin-right:12px}.copy-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #fbbf2466}.spinner{border:3px solid #e2e8f0;border-top:3px solid #2563eb;border-radius:50%;width:40px;height:40px;animation:spin .8s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}.form-select{width:100%;padding:12px 40px 12px 16px;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;font-family:inherit;background:#fff;color:#1e293b;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.form-select:hover{border-color:#cbd5e1}.form-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #fbbf241a;transform:translateY(-1px)}.form-select option{padding:8px;font-size:.9375rem}@media (max-width: 768px){.form-grid{grid-template-columns:1fr;gap:16px}}.feedback-container{background:#fff;border:2px solid #fbbf24;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 4px 6px #0000001a}.feedback-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.feedback-header h3{margin:0;color:#1e293b;font-size:1.125rem}.feedback-close{background:none;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.feedback-close:hover{background:#f1f5f9;color:#1e293b}.feedback-rating{display:flex;gap:8px;margin-bottom:16px;justify-content:center}.star-button{background:none;border:none;font-size:2rem;color:#e2e8f0;cursor:pointer;transition:all .2s;padding:4px}.star-button:hover{color:#fbbf24;transform:scale(1.1)}.star-button.active{color:#fbbf24}.feedback-textarea{width:100%;padding:12px;border:1px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:.9375rem;margin-bottom:16px;resize:vertical;transition:border-color .2s}.feedback-textarea:focus{outline:none;border-color:#fbbf24}.feedback-success{text-align:center;padding:20px}.feedback-success h3{color:#059669;margin-bottom:8px}.feedback-success p{color:#64748b;margin:0}.feedback-banner{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:1000;width:90%;max-width:600px;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s}.auth-container{width:100%;max-width:440px;padding:20px}.auth-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-header{text-align:center;margin-bottom:32px}.auth-header h2{font-size:1.75rem;font-weight:700;color:#1e293b;margin-bottom:8px}.auth-header p{color:#64748b;font-size:.9375rem}.auth-form{display:flex;flex-direction:column;gap:20px}.auth-error{background:#fee2e2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px;color:#991b1b;font-size:.875rem}.btn-block{width:100%}.auth-footer{margin-top:24px;text-align:center}.auth-toggle{background:none;border:none;color:var(--primary-color);font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-toggle:hover{color:var(--primary-dark);text-decoration:underline}.user-name{color:#475569;font-size:.875rem;font-weight:500;margin-right:12px}@media (max-width: 768px){.auth-card{padding:32px 24px}}.btn-admin-nav{padding:8px 16px;background:var(--primary-gradient);border:none;border-radius:6px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-admin-nav:hover{transform:translateY(-1px);box-shadow:0 4px 12px #fbbf244d}.admin-modal-content{width:90%;max-width:1200px;max-height:90vh;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}.admin-dashboard{display:flex;flex-direction:column;height:100%;max-height:90vh}.admin-header{display:flex;justify-content:space-between;align-items:center;padding:24px 32px;border-bottom:2px solid #e2e8f0;background:var(--primary-light)}.admin-header h2{margin:0;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.btn-close{background:none;border:none;font-size:2rem;color:#64748b;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s;line-height:1}.btn-close:hover{background:#f1f5f9;color:#1e293b}.admin-tabs{display:flex;gap:8px;padding:16px 32px;background:#fff;border-bottom:1px solid #e2e8f0}.admin-tab{padding:10px 20px;background:transparent;border:none;border-radius:6px;color:#64748b;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.admin-tab:hover{background:#f8fafc;color:#475569}.admin-tab.active{background:var(--primary-color);color:#fff}.admin-content{flex:1;overflow-y:auto;padding:32px;background:#f8fafc}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.stat-box{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:24px;text-align:center;transition:all .3s}.stat-box:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #fbbf2426;transform:translateY(-2px)}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-label{font-size:.875rem;color:#64748b;text-transform:uppercase;letter-spacing:.05em;font-weight:500}.admin-table-container{background:#fff;border-radius:12px;border:2px solid #e2e8f0;overflow:hidden}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:#f8fafc;border-bottom:2px solid #e2e8f0}.admin-table th{padding:16px;text-align:left;font-size:.875rem;font-weight:600;color:#475569;text-transform:uppercase;letter-spacing:.05em}.admin-table td{padding:16px;border-bottom:1px solid #f1f5f9;font-size:.9375rem;color:#1e293b}.admin-table tbody tr:hover{background:#f8fafc}.admin-table tbody tr:last-child td{border-bottom:none}.rating-badge{display:inline-block;padding:4px 8px;background:#fef3c7;border-radius:6px;font-size:.875rem}.comment-cell{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.admin-modal-content{width:95%}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}}@media (max-width: 768px){.admin-header{padding:20px}.admin-tabs{padding:12px 20px;overflow-x:auto}.admin-content{padding:20px}.admin-stats-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;min-height:100vh;padding:16px;overflow-x:hidden}#root{max-width:1100px;margin:0 auto;max-height:100vh;overflow:hidden}