:root{--color-primary: #000000;--color-secondary: #1a1a1a;--color-accent: #666666;--color-light: #f8f8f8;--color-lighter: #ffffff;--color-border: #e0e0e0;--color-success: #4caf50;--color-error: #f44336;--color-warning: #ff9800;--color-info: #2196f3;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-secondary: "Georgia", "Garamond", serif;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--border-radius-sm: 2px;--border-radius-md: 4px;--border-radius-lg: 8px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out}html{scroll-behavior:smooth;height:100%}body{font-family:var(--font-family-primary);font-size:16px;line-height:1.6;color:var(--color-primary);background-color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;margin:0;padding:0}.app-main{min-height:calc(100vh - 60px);padding:var(--spacing-lg);background-color:#fff;width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-primary);font-weight:600;line-height:1.2;margin-bottom:var(--spacing-md);color:var(--color-primary)}h1{font-size:48px;font-weight:700}h2{font-size:36px;font-weight:700}h3{font-size:28px;font-weight:600}h4{font-size:24px;font-weight:600}h5{font-size:20px;font-weight:600}h6{font-size:16px;font-weight:600}p{margin-bottom:var(--spacing-md);color:var(--color-accent);font-size:16px;line-height:1.8}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent)}.btn{padding:6px 12px;border:1px solid transparent;border-radius:var(--border-radius-md);font-size:13px;cursor:pointer;font-weight:600;transition:all var(--transition-base);text-decoration:none;display:inline-block;text-align:center;letter-spacing:.5px}.btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.btn:focus{outline:none;box-shadow:none}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:#000;color:var(--color-lighter);border-color:#000}.btn-primary:hover{background-color:#4a4a4a;border-color:#4a4a4a}.btn-secondary{background-color:#000!important;color:#fff!important;border-color:#000!important}.btn-secondary:hover{background-color:#4a4a4a!important}.btn-danger{background-color:var(--color-error);color:var(--color-lighter);border-color:var(--color-error)}.btn-danger:hover{opacity:.8}.btn-warning{background-color:var(--color-error);color:var(--color-lighter);border-color:var(--color-error)}.btn-warning:hover{opacity:.8}.btn-success{background-color:#000;color:var(--color-lighter);border-color:#000}.btn-success:hover{background-color:#4a4a4a;border-color:#4a4a4a}.btn-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:16px}.btn-link{background-color:transparent;color:var(--color-primary);border:none;text-decoration:underline}.btn-link:hover{color:var(--color-accent)}.success-message{background-color:#e8f5e9;border-left:4px solid var(--color-success);color:#2e7d32;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.no-data{text-align:center;padding:var(--spacing-2xl);color:#999;font-size:14px}.error-page{text-align:center;padding:60px var(--spacing-lg)}.error-page h1{font-size:36px;color:var(--color-error);margin-bottom:var(--spacing-md)}.error-page p{font-size:16px;color:var(--color-accent)}.brand-yellow{color:gold;font-weight:700}.brand-black{color:#000;font-weight:700}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-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-color:#f5f5f5;margin:0;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#333;font-weight:600}a{color:#667eea;text-decoration:none}a:hover{color:#764ba2}.navbar{background-color:#fff;padding:var(--spacing-md) 0;border-bottom:1px solid #e5e5e5;box-shadow:none;position:sticky;top:0;z-index:100}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}.navbar-logo:hover{color:var(--color-accent)}.navbar-menu{display:flex;gap:var(--spacing-lg);align-items:center}.navbar-logout{background-color:var(--color-error);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-base)}.navbar-logout:hover{background-color:#c62828;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.navbar-link{color:var(--color-primary);text-decoration:none;font-size:14px;font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-base);letter-spacing:.3px}.navbar-link:hover{background-color:var(--color-light);color:var(--color-accent)}.navbar-link.active{border-bottom:3px solid var(--color-accent);padding-bottom:calc(var(--spacing-sm) - 3px);font-weight:600;color:var(--color-accent)}.btn-link{background-color:var(--color-primary);color:var(--color-lighter);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;font-size:14px}.btn-link:hover{background-color:var(--color-secondary);color:var(--color-lighter)}@media(max-width:600px){.navbar-container{flex-direction:column;gap:var(--spacing-md)}.navbar-menu{width:100%;flex-direction:column;gap:var(--spacing-md)}.navbar-link,.btn-link{width:100%;text-align:center;display:block}}.navbar-auth{display:flex;gap:var(--spacing-md);align-items:center}.navbar-register-btn{background-color:var(--color-primary);color:#fff;text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-weight:600;font-size:14px;transition:all var(--transition-base);display:inline-block}.navbar-register-btn:hover{background-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 2px 8px #3b82f633}.navbar-user-section{display:flex;gap:var(--spacing-md);align-items:center}.navbar-user{color:var(--color-accent);font-size:14px;font-weight:500}.footer{background-color:#fff;color:#333;padding:var(--spacing-2xl) var(--spacing-lg);border-top:1px solid #e5e5e5;width:100%}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-2xl);word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl)}.footer-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.footer-section h4{font-size:12px;font-weight:700;color:#222;margin-bottom:var(--spacing-sm);letter-spacing:1px;text-transform:uppercase;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-section p{font-size:13px;line-height:1.6;color:#444;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.footer-links li{font-size:13px;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-links a{color:#444;text-decoration:none;transition:all var(--transition-fast);display:inline-flex;align-items:center;font-weight:500;padding:4px 0;position:relative;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-links a:before{content:"→";margin-right:6px;opacity:0;transform:translate(-4px);transition:all var(--transition-fast)}.footer-links a:hover{color:var(--color-primary);padding-left:4px}.footer-links a:hover:before{opacity:1;transform:translate(0)}.footer-bottom{display:flex;justify-content:center;align-items:center;padding-top:var(--spacing-lg);flex-wrap:wrap;gap:var(--spacing-md)}.footer-copyright{font-size:12px;color:#444;text-align:center;width:100%;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-copyright p{margin:0;line-height:1.6;color:#444;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-socials{display:flex;align-items:center;gap:var(--spacing-md);font-size:13px}.social-link{color:#444;text-decoration:none;transition:all var(--transition-fast);font-weight:600;padding:6px 12px;border-radius:4px;border:1px solid #cccccc;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.social-link:hover{color:#fff;background-color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px)}.social-divider{color:#ccc;opacity:1}@media(max-width:768px){.footer{padding:var(--spacing-lg)}.footer-sections{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:var(--spacing-md);text-align:center}.footer-copyright{flex:auto;width:100%}.footer-socials{justify-content:center;width:100%}.footer-section h4{font-size:11px}.footer-section p{font-size:12px}}@media(max-width:600px){.footer{padding:var(--spacing-md)}.footer-content{gap:var(--spacing-lg)}.footer-sections{grid-template-columns:1fr;gap:var(--spacing-lg)}.footer-section h4{font-size:11px}.footer-section p{font-size:12px}.footer-links{gap:var(--spacing-xs, 6px)}.footer-links li,.footer-links a{font-size:12px}.footer-copyright{font-size:11px}.footer-socials{font-size:12px;gap:var(--spacing-sm)}.social-link{padding:4px 8px;font-size:11px}}.require-key-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.require-key-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-2xl)}.require-key-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;padding:var(--spacing-2xl);max-width:600px;text-align:center}.require-key-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.require-key-card h2{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.require-key-card>p{font-size:16px;line-height:1.6;color:var(--color-accent);margin-bottom:var(--spacing-2xl)}.require-key-steps{text-align:left;background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-2xl)}.require-key-steps h3{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}.require-key-steps ol{margin:0;padding-left:var(--spacing-lg)}.require-key-steps li{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-primary)}.require-key-steps a{color:var(--color-info);text-decoration:none;font-weight:600}.require-key-steps a:hover{text-decoration:underline}.require-key-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.require-key-actions .btn{width:100%}.require-key-help{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.require-key-help p{font-size:14px;color:var(--color-accent);margin:0}.require-key-help a{color:var(--color-info);text-decoration:none;font-weight:600}.require-key-help a:hover{text-decoration:underline}@media(max-width:768px){.require-key-container,.require-key-card{padding:var(--spacing-lg)}.require-key-card h2{font-size:24px}.require-key-icon{font-size:48px}}.require-subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-md)}.require-subscription-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 200px);padding:var(--spacing-2xl)}.require-subscription-card{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 4px 20px #0000001a;padding:var(--spacing-2xl);max-width:650px;text-align:center}.require-subscription-icon{font-size:64px;margin-bottom:var(--spacing-lg)}.require-subscription-card h2{font-size:28px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.require-subscription-card>p{font-size:16px;line-height:1.6;color:var(--color-accent);margin-bottom:var(--spacing-2xl)}.require-subscription-benefits{text-align:left;background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-2xl)}.require-subscription-benefits h3{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md);text-align:center}.require-subscription-benefits ul{list-style:none;margin:0;padding:0}.require-subscription-benefits li{margin-bottom:var(--spacing-sm);line-height:1.6;color:var(--color-primary);padding-left:var(--spacing-md);position:relative}.require-subscription-benefits li:last-child{margin-bottom:0}.require-subscription-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-2xl)}.require-subscription-actions .btn{width:100%}.require-subscription-help{padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.require-subscription-help p{font-size:14px;color:var(--color-accent);margin:0}.require-subscription-help a{color:var(--color-info);text-decoration:none;font-weight:600}.require-subscription-help a:hover{text-decoration:underline}@media(max-width:768px){.require-subscription-container,.require-subscription-card{padding:var(--spacing-lg)}.require-subscription-card h2{font-size:24px}.require-subscription-icon{font-size:48px}}.home-page{flex:1;display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 60px);background-color:var(--color-lighter);padding:var(--spacing-lg)}.welcome-container{text-align:center;max-width:700px}.welcome-container h1{font-size:52px;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);letter-spacing:-1px;line-height:1.3}.welcome-container .tagline{font-size:18px;color:var(--color-muted);line-height:1.8;margin-bottom:var(--spacing-2xl);font-weight:300}.cta-buttons{display:flex;gap:var(--spacing-md);justify-content:center;flex-wrap:wrap;margin-top:var(--spacing-lg)}.btn-link{background-color:var(--color-primary);color:#fff;text-decoration:none;padding:10px 20px;border-radius:var(--border-radius-md);font-weight:600;font-size:14px;transition:all var(--transition-normal);display:inline-block;border:2px solid var(--color-primary)}.btn-link:hover{background-color:var(--color-secondary);border-color:var(--color-secondary);transform:translateY(-2px);box-shadow:0 4px 12px #3b82f633}@media(max-width:768px){.welcome-container h1{font-size:36px}.welcome-container .tagline{font-size:16px}.cta-buttons{flex-direction:column;align-items:center}.btn-link{width:100%;max-width:300px}}@media(max-width:600px){.home-page{min-height:calc(100vh - 60px);padding:var(--spacing-md)}.welcome-container h1{font-size:28px;margin-bottom:var(--spacing-sm)}.welcome-container .tagline{font-size:14px;margin-bottom:var(--spacing-lg)}.cta-buttons{flex-direction:column}.btn-link{padding:var(--spacing-md) var(--spacing-lg);font-size:14px;width:100%}}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:var(--spacing-lg);background-color:#fff}.auth-card{background:var(--color-lighter);padding:var(--spacing-2xl);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border);width:100%;max-width:420px}.auth-card h1{margin-top:0;margin-bottom:var(--spacing-lg);text-align:center;color:var(--color-primary);font-size:28px;font-weight:700;letter-spacing:-.5px}.form-group{margin-bottom:var(--spacing-lg)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-primary);font-weight:600;font-size:14px;letter-spacing:.3px}.form-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:14px;transition:all var(--transition-base);box-sizing:border-box;background-color:var(--color-lighter);color:var(--color-primary);font-family:inherit}.form-group input::placeholder{color:#ccc}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000000d}.form-group input:disabled{background-color:var(--color-light);cursor:not-allowed;color:var(--color-accent)}.auth-card .btn{width:100%;padding:var(--spacing-md) var(--spacing-lg);margin-top:var(--spacing-lg);font-weight:600;letter-spacing:.5px}.error-message{background-color:#ffebee;border-left:4px solid var(--color-error);color:#c62828;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-size:14px}.auth-link{text-align:center;margin-top:var(--spacing-lg);color:var(--color-accent);font-size:14px}.auth-link a{color:var(--color-primary);text-decoration:none;font-weight:600;transition:color var(--transition-base)}.auth-link a:hover{color:var(--color-accent);text-decoration:underline}.password-hint{display:block;margin-top:6px;font-size:12px;color:#666;line-height:1.4}.forgot-password-link{display:inline-block;margin-top:var(--spacing-sm);font-size:13px;color:var(--color-primary);text-decoration:none;font-weight:500;transition:color var(--transition-base)}.forgot-password-link:hover{color:var(--color-accent);text-decoration:underline}.success-message{background-color:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg);font-size:14px}.success-message p{margin:var(--spacing-sm) 0}.auth-description{color:var(--color-accent);font-size:14px;margin-bottom:var(--spacing-lg);line-height:1.5}.verification-instructions{background-color:#f5f5f5;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin:var(--spacing-lg) 0}.verification-instructions h3{margin-top:0;color:#333;font-size:15px}.verification-instructions ol{margin:var(--spacing-md) 0;padding-left:20px;line-height:1.8}.verification-instructions li{margin-bottom:var(--spacing-sm);color:#555}.resend-section{text-align:center;margin:var(--spacing-lg) 0;padding:var(--spacing-md);border:1px solid #e0e0e0;border-radius:var(--border-radius-md);background-color:#fafafa}.resend-section p{color:var(--color-accent);margin-bottom:var(--spacing-md);font-size:14px}.btn-secondary{background-color:#6c757d;color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-weight:600;transition:background-color var(--transition-base)}.btn-secondary:hover{background-color:#5a6268}.loading-message{text-align:center;padding:var(--spacing-xl);color:var(--color-accent)}.loading-message p{margin-bottom:var(--spacing-lg);font-size:16px}.spinner{display:inline-block;width:40px;height:40px;border:4px solid rgba(0,0,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.profile-container{max-width:900px;margin:0 auto;padding:var(--spacing-lg)}.profile-header{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.profile-header h1{margin:0;color:var(--color-primary);font-size:32px;font-weight:700}.profile-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;color:var(--color-secondary);font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;margin-bottom:-2px}.tab-button:hover{color:var(--color-primary);background:#00000005}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.profile-content{min-height:400px;animation:fadeIn .3s ease}.profile-section{background:var(--color-lighter);padding:var(--spacing-lg);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.section-header h2{margin:0;color:var(--color-primary);font-size:20px}.profile-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.form-group label{font-weight:600;color:var(--color-primary);font-size:14px}.form-input{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:14px;font-family:inherit;transition:border-color .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0058ff1a}.form-input:disabled{background:var(--color-light);color:var(--color-secondary);cursor:not-allowed}.form-actions{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.role-badge,.status-badge{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);font-size:14px;font-weight:600;background:var(--color-light);color:var(--color-primary)}.status-badge{background:#d4edda;color:#155724}.info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-light);border-radius:var(--border-radius-md);border-left:4px solid var(--color-primary)}.info-row label{font-weight:600;color:var(--color-primary);min-width:150px}.info-row span{color:var(--color-accent);word-break:break-word}.role-badge,.status-badge{padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600;display:inline-block}.role-admin,.role-user{background-color:#f0f7ff;color:#003d99;border:1px solid #b3d9ff}.status-active{background-color:#e8f5e9;color:#2e7d32;border:1px solid #a5d6a7}.status-blocked{background-color:#ffebee;color:#c62828;border:1px solid #ef9a9a}@media(max-width:600px){.profile-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.header-actions{width:100%;flex-direction:column}.header-actions .btn{width:100%}.info-row{flex-direction:column;align-items:flex-start}.info-row label{margin-bottom:var(--spacing-sm)}}.message{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md);font-weight:500;background:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background:#f8d7da;color:#721c24;border-color:#f5c6cb}.message.success{background:#d4edda;color:#155724;border-color:#c3e6cb}.subscriptions-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.subscription-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);position:relative;transition:all .3s ease}.subscription-card:hover{box-shadow:0 8px 16px #0000001f;transform:translateY(-4px)}.subscription-card.featured{border-color:var(--color-primary);box-shadow:0 4px 12px #0058ff26}.badge{position:absolute;top:-12px;right:20px;background:var(--color-accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:700}.plan-header{margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.plan-header h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:18px}.plan-price{font-weight:700;color:var(--color-accent);font-size:16px}.plan-features{list-style:none;margin:0 0 var(--spacing-lg) 0;padding:0}.plan-features li{padding:var(--spacing-sm) 0;color:var(--color-secondary);font-size:14px}.btn-full{width:100%}.plan-note{margin:var(--spacing-sm) 0 0 0;font-size:13px;color:var(--color-secondary);text-align:center}.billing-info{background:var(--color-light);padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg)}.billing-info h3{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.info-item{display:flex;flex-direction:column;gap:var(--spacing-sm)}.info-item label{font-weight:600;color:var(--color-primary);font-size:13px}.info-item span{color:var(--color-secondary);font-size:14px}.profile-actions{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-md)}.btn-outline{background:#fff;border:1px solid var(--color-primary);color:var(--color-primary);transition:all .3s ease}.btn-outline:hover{background:var(--color-primary);color:#fff}.learn-more{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #e0e0e0}.link-button{color:var(--color-primary);text-decoration:none;font-weight:500;transition:all .3s ease;display:inline-block}.link-button:hover{color:var(--color-primary-dark);transform:translate(2px)}@media(max-width:768px){.profile-container{padding:var(--spacing-md)}.profile-tabs{flex-wrap:wrap}.form-row,.subscriptions-container{grid-template-columns:1fr}.form-actions{flex-direction:column}.btn-full{width:100%}.info-grid,.api-keys-container,.api-keys-list{grid-template-columns:1fr}}.api-keys-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}.api-keys-info-box{background:linear-gradient(135deg,#e7f5ff,#d9ebf7);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.api-keys-info-box h3{margin-top:0;color:var(--color-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.api-keys-info-box p{margin:var(--spacing-sm) 0;color:#333;line-height:1.6}.api-keys-info-box ul{margin:var(--spacing-md) 0;padding-left:var(--spacing-lg);list-style:none}.api-keys-info-box li{margin:var(--spacing-sm) 0;color:#333;padding-left:var(--spacing-md);position:relative}.api-keys-info-box li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.api-keys-info-box .cost-info{background:#fff;padding:var(--spacing-md);border-radius:6px;margin:var(--spacing-md) 0;border-left:4px solid #ff9800;font-weight:500}.add-api-key-section,.api-keys-list-section{padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:8px;border:1px solid var(--color-border)}.add-api-key-section h3,.api-keys-list-section h3{margin-top:0;color:var(--color-primary);font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.api-keys-list{display:grid;gap:var(--spacing-md)}.api-key-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#fff;border:1px solid var(--color-border);border-radius:6px;transition:all .2s ease}.api-key-item:hover{box-shadow:0 2px 8px #00000014;border-color:var(--color-primary)}.api-key-info{flex:1}.api-key-info h4{margin:0 0 6px;color:var(--color-primary);font-size:14px;font-weight:600;text-transform:capitalize}.api-key-display{margin:4px 0;color:var(--color-secondary);font-size:12px;font-family:Monaco,Menlo,monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px;display:inline-block}.api-key-date{color:var(--color-secondary);font-size:11px;display:block;margin-top:4px}.empty-state{color:var(--color-secondary);text-align:center;padding:var(--spacing-lg);font-style:italic}.loading{color:var(--color-secondary);text-align:center;padding:var(--spacing-lg)}@media(max-width:768px){.api-keys-container,.api-keys-list{grid-template-columns:1fr}}.alert-warning{background-color:#f59e0b1a;color:#b45309;border-left-color:#f59e0b}.alert-info{background-color:#3b82f61a;color:#1e40af;border-left-color:#3b82f6}.form-hint{display:block;margin-top:6px;font-size:12px;color:var(--color-secondary);font-style:italic}select option:disabled{background-color:#f0f0f0;color:#999}.admin-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.admin-header h1{margin:0;color:var(--color-primary);font-size:32px;font-weight:700}.users-table-container{background:var(--color-lighter);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #00000014;border:1px solid var(--color-border);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background-color:var(--color-light);border-bottom:1px solid var(--color-border)}.users-table th{padding:var(--spacing-md);text-align:left;font-weight:600;color:var(--color-primary);font-size:14px;letter-spacing:.3px}.users-table tbody tr:hover{background-color:var(--color-light)}.users-table td{padding:var(--spacing-md);color:var(--color-accent);font-size:14px}.role-select{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:13px;cursor:pointer;background-color:var(--color-lighter);color:var(--color-primary);font-weight:500}.role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #0000000d}.role-select:disabled{background-color:var(--color-light);cursor:not-allowed;opacity:.6;color:var(--color-accent)}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;display:inline-block}.status-active{background-color:#e8f5e9;color:#2e7d32}.status-blocked{background-color:#ffebee;color:#c62828}.btn-sm{padding:6px 12px;font-size:12px}.no-data{text-align:center;padding:60px var(--spacing-lg);color:var(--color-accent)}.loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-accent);font-size:16px}.error-message{background-color:#ffebee;border-left:4px solid var(--color-error);color:#c62828;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}@media(max-width:900px){.users-table{font-size:13px}.users-table th,.users-table td{padding:var(--spacing-md)}.admin-header{flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.admin-header .btn{width:100%}}@media(max-width:600px){.users-table{display:block;overflow-x:auto}.users-table thead{display:none}.users-table tbody,.users-table tr,.users-table td{display:block;width:100%}.users-table tr{margin-bottom:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md)}.users-table td{text-align:right;padding-left:50%;position:relative;border:none;border-bottom:1px solid var(--color-border)}.users-table td:before{content:attr(data-label);position:absolute;left:var(--spacing-md);font-weight:600;color:var(--color-primary)}.users-table td:last-child{border-bottom:none}}.settings-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);background-color:#fff}.settings-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:2px solid var(--color-border)}.settings-header h1{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:32px;font-weight:700}.settings-header p{margin:0;color:var(--color-accent);font-size:14px}.settings-tabs{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--color-border)}.tab-button{padding:var(--spacing-md) var(--spacing-lg);background-color:transparent;border:none;border-bottom:3px solid transparent;color:var(--color-accent);font-size:15px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.tab-button:hover{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tab-button.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background-color:var(--color-light)}.sub-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg);border-left:4px solid var(--color-primary)}.sub-tab-button{padding:var(--spacing-sm) var(--spacing-md);background-color:#f5f5f5;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-accent);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.sub-tab-button:hover{background-color:#eee;color:var(--color-primary);border-color:var(--color-primary)}.sub-tab-button.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.settings-content{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.management-section{background:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg)}.management-section h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:24px;font-weight:600}.section-description{margin:0 0 var(--spacing-lg) 0;color:var(--color-accent);font-size:14px}.placeholder{display:flex;align-items:center;justify-content:center;min-height:300px;background-color:var(--color-light);border:2px dashed var(--color-border);border-radius:var(--border-radius-md);color:var(--color-accent);font-size:16px}.placeholder p{margin:0}.management-table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.management-table thead{background-color:var(--color-light);border-bottom:2px solid var(--color-border)}.management-table th{padding:var(--spacing-md);text-align:left;color:var(--color-primary);font-weight:600;font-size:14px}.management-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.management-table tbody tr:hover{background-color:var(--color-light)}.management-table td{padding:var(--spacing-md);color:var(--color-primary);font-size:14px}.management-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-lg)}.btn{padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background-color:#4a4a4a;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn-secondary{background-color:#000!important;color:#fff!important;border:1px solid #000000!important;outline:none!important}.btn-secondary:hover{background-color:#4a4a4a!important;border-color:#4a4a4a!important;box-shadow:none!important}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{opacity:.9}.btn-small{padding:6px 12px;font-size:12px}.users-management-header,.subscription-management-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;min-width:250px}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--border-radius);font-size:14px;transition:all var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.users-count{font-size:14px;color:var(--color-secondary);font-weight:500;white-space:nowrap}.users-table-wrapper{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--border-radius)}.users-table{width:100%;border-collapse:collapse;background-color:#fff}.users-table thead{background-color:#f9fafb;border-bottom:2px solid var(--color-border)}.users-table th{padding:var(--spacing-md) var(--spacing-sm);text-align:left;font-weight:600;color:var(--color-primary);font-size:12px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap}.users-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.users-table tbody tr:hover{background-color:#f9fafb}.users-table tbody tr.blocked-user{background-color:#ef44440d}.users-table td{padding:var(--spacing-md) var(--spacing-sm);font-size:13px;color:var(--color-text)}.email-cell{font-family:Monaco,Menlo,monospace;font-size:13px;color:var(--color-secondary)}.email{padding:4px 8px;background-color:#f3f4f6;border-radius:4px;display:inline-block}.name-cell{font-weight:500;color:var(--color-primary)}.role-cell{min-width:120px}.role-select{padding:6px 8px;border:1px solid var(--color-border);border-radius:4px;font-size:13px;color:var(--color-text);background-color:#fff;cursor:pointer;transition:all var(--transition-fast)}.role-select:hover:not(:disabled){border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.role-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f61a}.role-select:disabled{background-color:#f3f4f6;cursor:not-allowed;opacity:.6}.status-cell{min-width:100px}.status-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600;white-space:nowrap}.status-badge.active{background-color:#22c55e1a;color:#16a34a}.status-badge.blocked{background-color:#ef44441a;color:#dc2626}.date-cell{color:var(--color-secondary);font-size:12px;min-width:90px;white-space:nowrap}.actions-cell{min-width:200px;text-align:center;display:flex;gap:4px;flex-wrap:nowrap;justify-content:center;padding:var(--spacing-sm) var(--spacing-sm)}.actions-cell .btn{white-space:nowrap;flex-shrink:0;font-size:12px;padding:4px 8px}.error-state{padding:var(--spacing-xl);background-color:#ef44440d;border:1px solid rgba(239,68,68,.2);border-radius:var(--border-radius);text-align:center}.error-state p{margin:0 0 var(--spacing-md) 0;color:#dc2626;font-size:14px}.empty-state{padding:var(--spacing-xl);background-color:#f9fafb;border:1px dashed var(--color-border);border-radius:var(--border-radius);text-align:center;color:var(--color-secondary)}.empty-state p{margin:0;font-size:14px}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);font-size:14px;border-left:4px solid;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-success{background-color:#22c55e1a;color:#16a34a;border-left-color:#22c55e}.alert-error{background-color:#ef44441a;color:#dc2626;border-left-color:#ef4444}.subscription-form-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-top:var(--spacing-lg)}.subscription-form{background-color:#f9fafb;padding:var(--spacing-xl);border-radius:var(--border-radius);border:1px solid var(--color-border)}.subscription-form .form-group{margin-bottom:var(--spacing-lg)}.subscription-form .form-group:last-of-type{margin-bottom:var(--spacing-xl)}.subscription-form label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-primary);font-size:14px}.form-input{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--color-border);border-radius:6px;font-size:14px;background-color:#fff;color:var(--color-text);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-input:disabled{background-color:#f0f0f0;cursor:not-allowed;opacity:.6}.subscription-form .btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:15px;font-weight:600;width:100%}.btn-lg:disabled{opacity:.6;cursor:not-allowed}.subscription-info-box{background:linear-gradient(135deg,#3b82f60d,#6366f10d);border:1px solid rgba(59,130,246,.2);border-radius:var(--border-radius);padding:var(--spacing-xl)}.subscription-info-box h3{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:15px;font-weight:600}.subscription-info-box ul{margin:0;padding-left:var(--spacing-lg);list-style:none}.subscription-info-box li{margin-bottom:var(--spacing-sm);color:var(--color-text);font-size:14px;padding-left:var(--spacing-lg);position:relative}.subscription-info-box li:before{content:"✓";position:absolute;left:0;color:#22c55e;font-weight:700}.search-box{margin-bottom:var(--spacing-lg)}.search-input{width:100%;padding:var(--spacing-md);font-size:14px;border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:#fafafa}.search-input:focus{outline:none;border-color:var(--color-primary);background-color:#fff;box-shadow:0 0 0 3px #3b82f61a}.no-data{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:#f9fafb;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-accent);font-size:14px}.users-table tbody tr.status-active,.users-table tbody tr.status-warning,.users-table tbody tr.status-expired{background-color:#fff}.users-table tbody tr.status-active:hover,.users-table tbody tr.status-warning:hover,.users-table tbody tr.status-expired:hover{background-color:#f3f4f6}.days-remaining{font-weight:600}.days-remaining.active{color:#15803d}.days-remaining.warning{color:#d97706}.days-remaining.expired{color:#dc2626}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:12px;font-weight:500}.status-badge.status-active{background-color:#dcfce7;color:#15803d}.status-badge.status-inactive{background-color:#f3f4f6;color:#6b7280}.status-badge.status-cancelled{background-color:#fee2e2;color:#dc2626}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:0 20px 25px -5px #0000001a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease-in-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.modal-header h3{margin:0;font-size:20px;font-weight:600;color:var(--color-primary)}.modal-close{background:none;border:none;font-size:24px;color:var(--color-accent);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.modal-close:hover{background-color:var(--color-light);color:var(--color-primary)}.modal-body{padding:var(--spacing-lg)}.modal-footer{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;background-color:#fafafa}.modal-footer .btn{min-width:120px}@media(max-width:768px){.settings-container{padding:var(--spacing-md)}.settings-header h1{font-size:24px}.settings-tabs{flex-direction:column;border-bottom:none}.tab-button{border-bottom:none;border-left:3px solid transparent;padding:var(--spacing-md)}.tab-button:hover,.tab-button.active{border-left-color:var(--color-primary);border-bottom:none}.management-section{padding:var(--spacing-md)}.management-table{font-size:12px}.management-table th,.management-table td{padding:var(--spacing-sm)}.users-management-header{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.users-count{text-align:center}.users-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.users-table th,.users-table td{padding:var(--spacing-sm);font-size:12px}.email-cell{font-size:11px}.role-select{padding:4px 6px;font-size:12px}.status-badge{font-size:11px;padding:2px 6px}.actions-cell{min-width:110px}.btn-sm{padding:4px 8px;font-size:11px}.subscription-form-container{grid-template-columns:1fr;gap:var(--spacing-lg)}.subscription-form,.subscription-info-box{padding:var(--spacing-lg)}.subscription-info-box h3{font-size:14px}.subscription-info-box li{font-size:13px;padding-left:var(--spacing-md)}.btn-lg{padding:var(--spacing-sm) var(--spacing-lg);font-size:14px}.modal-content{max-width:calc(100% - var(--spacing-md))}.modal-header,.modal-body,.modal-footer{padding:var(--spacing-md)}.modal-header h3{font-size:16px}.modal-footer{flex-direction:column-reverse}.modal-footer .btn{width:100%}}.statistics-container{padding:var(--spacing-lg)}.statistics-container h2{margin:0 0 var(--spacing-xl) 0;color:var(--color-primary);font-size:28px;font-weight:700}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.stats-card{background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 8px #0000000d;margin-bottom:var(--spacing-xl)}.stats-card h3{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);font-size:20px;font-weight:700;padding-bottom:var(--spacing-md);border-bottom:2px solid var(--color-border)}.stats-total{font-size:18px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-light);border-radius:var(--border-radius-md)}.stats-number{color:#2563eb;font-size:24px;font-weight:700}.stats-description{color:var(--color-accent);font-size:14px;margin:var(--spacing-sm) 0 var(--spacing-md) 0;font-style:italic}.stats-breakdown{display:flex;flex-direction:column;gap:var(--spacing-sm)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:#fafafa;border-radius:var(--border-radius-sm);transition:background-color var(--transition-fast)}.stat-item:hover{background-color:#f0f0f0}.stat-label{color:var(--color-accent);font-size:14px;font-weight:500}.stat-value{color:var(--color-primary);font-size:16px;font-weight:700;min-width:40px;text-align:right}.stats-actions{display:flex;justify-content:center;margin-top:var(--spacing-xl)}.stats-actions .btn{padding:var(--spacing-md) var(--spacing-xl);font-size:15px;font-weight:600}.stats-table-container{overflow-x:auto;margin-top:var(--spacing-md)}.stats-table{width:100%;border-collapse:collapse;font-size:14px}.stats-table thead{background-color:var(--color-light);border-bottom:2px solid var(--color-border)}.stats-table th{padding:var(--spacing-md);text-align:left;color:var(--color-primary);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.stats-table th:first-child{width:60px;text-align:center}.stats-table th:last-child{width:150px;text-align:center}.stats-table tbody tr{border-bottom:1px solid var(--color-border);transition:background-color var(--transition-fast)}.stats-table tbody tr:hover{background-color:#fafafa}.stats-table td{padding:var(--spacing-md);color:var(--color-accent)}.stats-table td:first-child{text-align:center;color:var(--color-accent);font-weight:600}.stats-table td:last-child{text-align:center;color:var(--color-primary);font-size:16px}.stats-table td strong{color:var(--color-primary);font-weight:700}@media(max-width:768px){.stats-grid{grid-template-columns:1fr}.stats-card{padding:var(--spacing-lg)}.stats-table{font-size:12px}.stats-table th,.stats-table td{padding:var(--spacing-sm)}}.maintenance-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.maintenance-header{margin-bottom:var(--spacing-lg)}.maintenance-header h2{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:24px;font-weight:600}.maintenance-header p{margin:0;color:var(--color-accent);font-size:14px}.maintenance-card{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-lg);box-shadow:0 2px 4px #0000000d}.maintenance-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg)}.maintenance-info{flex:1}.maintenance-info h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-primary);font-size:18px;font-weight:600}.maintenance-info p{margin:var(--spacing-sm) 0;color:var(--color-accent);font-size:14px;line-height:1.6}.maintenance-toggle{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);min-width:150px}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--color-success)}input:checked+.slider:before{transform:translate(26px)}input:disabled+.slider{opacity:.6;cursor:not-allowed}.toggle-label{font-weight:600;font-size:13px;color:var(--color-primary);text-align:center;white-space:nowrap}.maintenance-info-box{background-color:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:8px;padding:var(--spacing-lg);margin-top:var(--spacing-lg)}.maintenance-info-box h4{margin:0 0 var(--spacing-lg) 0;color:var(--color-primary);font-size:16px;font-weight:600}.info-section{margin-bottom:var(--spacing-lg)}.info-section:last-child{margin-bottom:0}.info-section h5{margin:0 0 var(--spacing-md) 0;color:var(--color-primary);font-size:14px;font-weight:600}.info-section ol,.info-section ul{margin:0;padding-left:var(--spacing-lg);color:var(--color-accent);font-size:14px}.info-section li{margin:var(--spacing-sm) 0;line-height:1.6}@media(max-width:768px){.maintenance-item{flex-direction:column;align-items:stretch}.maintenance-toggle{flex-direction:row;justify-content:space-between;align-items:center;min-width:auto}.maintenance-card{padding:var(--spacing-md)}}.ccj-wrapper{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background-color:#fff;padding:16px}.ccj-container{background:#fff;border:1px solid #ddd;border-radius:0;max-width:1200px;width:100%;padding:40px;box-shadow:0 2px 8px #00000014}.ccj-title{font-size:28px;font-weight:700;margin:0 0 30px;color:#000;text-transform:uppercase;letter-spacing:1px}.ccj-loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;color:#666}.ccj-error{background-color:#fee;border:1px solid #c33;color:#c33;padding:12px 16px;border-radius:0;margin-bottom:20px;font-size:14px;font-weight:500}.ccj-loading-panel{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.ccj-loading-content{background:#fff;padding:40px;border-radius:0;text-align:center;box-shadow:0 4px 20px #0003;max-width:300px}.ccj-loading-spinner{display:inline-block;width:40px;height:40px;margin-bottom:16px;border:3px solid #e0e0e0;border-top-color:#333;border-radius:50%;animation:ccj-spin 1s linear infinite}@keyframes ccj-spin{to{transform:rotate(360deg)}}.ccj-loading-text{font-size:16px;font-weight:600;color:#333;margin-bottom:8px}.ccj-loading-subtext{font-size:13px;color:#999}.ccj-form{display:flex;flex-direction:column;gap:20px}.ccj-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ccj-row.ccj-full{grid-template-columns:1fr}.ccj-field{display:flex;flex-direction:column;gap:6px}.ccj-field label{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#333}.ccj-field-hint{font-size:12px;color:#999;font-weight:400;margin-top:4px;display:block}.ccj-field input,.ccj-field select{border:1px solid #ccc;border-radius:0;padding:10px 12px;font-size:14px;font-family:inherit;background-color:#fff;color:#333;transition:border-color .2s}.ccj-field input:focus,.ccj-field select:focus{outline:none;border-color:#888;box-shadow:inset 0 0 0 2px #00000005}.ccj-field input:disabled,.ccj-field select:disabled{background-color:#f5f5f5;color:#999}.ccj-with-btn .ccj-input-btn{display:flex;gap:8px;align-items:center}.ccj-with-btn .ccj-input-btn input{flex:1;min-width:0}.ccj-ai-btn{width:40px;height:40px;border:1px solid #aaa;background:#fff;color:#333;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s;border-radius:0;padding:0;flex-shrink:0}.ccj-ai-btn:hover:not(:disabled){background-color:#333;color:#fff;border-color:#333}.ccj-ai-btn:disabled{opacity:.5;cursor:not-allowed}.ccj-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:-10px 0 10px;background-color:#f9f9f9;padding:12px;border:1px solid #eee}.ccj-option-btn{padding:12px 14px;border:1px solid #ddd;background:#fff;color:#333;cursor:pointer;font-size:12px;line-height:1.4;text-align:left;transition:all .2s;border-radius:0;font-weight:500}.ccj-option-btn:hover{border-color:#333;background-color:#f0f0f0;box-shadow:inset 0 0 0 1px #333}.ccj-option-btn:active{background-color:#333;color:#fff}.ccj-section{display:flex;flex-direction:column;gap:12px;padding:16px 0;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.ccj-section-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#333;margin:0}.ccj-section-description{font-size:13px;font-weight:400;color:#666;margin:8px 0 0;line-height:1.5}.ccj-validation-info{display:flex;align-items:center;gap:10px;padding:12px 16px;background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:4px;margin:16px 0 24px}.ccj-info-icon{font-size:18px;flex-shrink:0}.ccj-info-text{font-size:13px;font-weight:400;color:#0369a1;line-height:1.5}.ccj-translate-btn{padding:10px 16px;border:1px solid #aaa;background:#fff;color:#333;cursor:pointer;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border-radius:0;width:fit-content}.ccj-translate-btn:hover{background-color:#333;color:#fff;border-color:#333}.ccj-translate-selector{display:flex;flex-direction:column;gap:12px;padding:12px;background-color:#f9f9f9;border:1px solid #ddd}.ccj-lang-checkboxes{display:flex;flex-wrap:wrap;gap:16px}.ccj-checkbox{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:13px;font-weight:500;color:#333;-webkit-user-select:none;user-select:none}.ccj-checkbox input{width:16px;height:16px;cursor:pointer;accent-color:#333}.ccj-translations-edit{display:flex;flex-direction:column;gap:10px;padding:12px;background-color:#f9f9f9;border:1px solid #ddd;max-height:300px;overflow-y:auto}.ccj-lang-row{display:flex;gap:10px;align-items:center}.ccj-lang-label{font-weight:700;min-width:50px;text-align:center;font-size:12px;background:#fff;padding:6px 8px;border:1px solid #ddd;border-radius:0}.ccj-lang-input{flex:1;border:1px solid #ccc;border-radius:0;padding:8px 10px;font-size:13px;background:#fff;color:#333}.ccj-lang-input:focus{outline:none;border-color:#888;box-shadow:inset 0 0 0 2px #00000005}.ccj-add-lang-btn{padding:8px 12px;border:1px solid #bbb;background:#fff;color:#333;cursor:pointer;font-size:12px;font-weight:600;transition:all .2s;border-radius:0;text-align:center}.ccj-add-lang-btn:hover{border-color:#333;background-color:#f0f0f0}.ccj-markets{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:16px;background-color:#fff;border:1px solid #ddd}.ccj-market{display:flex;flex-direction:column;gap:12px;padding:16px;background-color:#f9f9f9;border:1px solid #ddd}.ccj-market strong{font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:#333}.ccj-market .ccj-checkbox{font-size:12px}.ccj-checkbox input:disabled{cursor:not-allowed;opacity:.5}.ccj-checkbox:has(input:disabled){opacity:.5;cursor:not-allowed;color:#999}.ccj-tags{display:flex;flex-wrap:wrap;gap:8px;padding:12px;background-color:#f9f9f9;border:1px solid #ddd}.ccj-tag{padding:8px 12px;border:1px solid #bbb;background:#fff;color:#333;cursor:pointer;font-size:12px;font-weight:500;transition:all .2s;border-radius:0}.ccj-tag:hover{border-color:#333;background-color:#f0f0f0}.ccj-tag.selected{background-color:#333;color:#fff;border-color:#333}.ccj-submit-btn{padding:12px 20px;border:1px solid #aaa;background:#fff;color:#333;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;transition:all .2s;border-radius:0;width:fit-content}.ccj-submit-btn:hover:not(:disabled){background-color:#333;color:#fff;border-color:#333}.ccj-submit-btn:disabled{opacity:.5;cursor:not-allowed}.ccj-submit-main{padding:12px 24px;border:1px solid #333;background:#333;color:#fff;cursor:pointer;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .2s;border-radius:0;margin-top:16px;width:250px;height:46px;line-height:1;display:flex;align-items:center;justify-content:center}.ccj-submit-main:hover:not(:disabled){background-color:#000;border-color:#000}.ccj-submit-main:disabled{opacity:.6;cursor:not-allowed}.ccj-form-buttons{display:flex;justify-content:flex-end;gap:12px;margin-top:16px;align-items:center}.ccj-field select{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='%23666' 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 10px center;background-size:18px;padding-right:36px}.ccj-field select:hover:not(:disabled){border-color:#999}.ccj-color-select-wrapper{display:flex;gap:10px;align-items:center}.ccj-color-select{flex:1}.ccj-color-swatch{width:40px;height:40px;border:1px solid #ccc;border-radius:0;cursor:default;flex-shrink:0}.content-jobs-container{max-width:1200px;margin:0 auto;padding:16px;background-color:#fff;width:100%}.jobs-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.jobs-header h1{margin:0;color:#333;font-size:24px;font-weight:700}.header-actions{display:flex;gap:8px}.btn{padding:8px 16px;border:1px solid #000000;border-radius:0;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.5px}.btn-secondary{background:#000!important;color:#fff!important;border-color:#000!important;outline:none!important}.btn-secondary:hover:not(:disabled){background-color:#4a4a4a!important;border-color:#4a4a4a!important;box-shadow:none!important}.btn-secondary:focus{outline:none!important;box-shadow:none!important}.btn-primary{background:#000;color:#fff;border-color:#000}.btn-primary:hover:not(:disabled){background-color:#4a4a4a;border-color:#4a4a4a}.btn-danger{background:#dc3545;color:#fff;border-color:#dc3545}.btn-danger:hover:not(:disabled){background-color:#c82333;border-color:#c82333}.btn-warning{background:#dc3545;color:#fff;border-color:#dc3545}.btn-warning:hover:not(:disabled){background-color:#c82333;border-color:#c82333;color:#fff}.btn-success{background:#000;color:#fff;border-color:#000}.btn-success:hover:not(:disabled){background-color:#4a4a4a;border-color:#4a4a4a}.btn-info{background:#000;color:#fff;border-color:#000}.btn-info:hover:not(:disabled){background-color:#4a4a4a;border-color:#4a4a4a}.error-message{background-color:#fee;border:1px solid #c33;color:#c33;padding:12px 16px;border-radius:0;margin-bottom:20px;font-size:14px;font-weight:500}.notification-banner{padding:12px 16px;border-radius:4px;margin-bottom:20px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:8px}.notification-banner.info{background-color:#d1ecf1;border:1px solid #17a2b8;color:#0c5460}.loading-spinner{display:flex;justify-content:center;align-items:center;height:200px;font-size:14px;color:#666}.empty-state{text-align:center;padding:40px 20px;color:#999;font-size:14px;background:#fff;border:1px solid #ddd;border-radius:0}.jobs-table-container{background:#fff;border-radius:0;box-shadow:0 1px 3px #0000000d;border:1px solid #ddd;overflow-x:auto;margin-bottom:16px}.jobs-table{width:100%;border-collapse:collapse;min-width:800px}.jobs-table thead{background-color:#fafafa;border-bottom:1px solid #ddd}.jobs-table th{padding:12px 10px;text-align:left;font-weight:600;color:#333;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.jobs-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.jobs-table tbody tr:hover{background-color:#fafafa}.jobs-table td{padding:10px;color:#666;font-size:13px}.status-badge{padding:6px 12px;border-radius:0;font-size:12px;font-weight:600;display:inline-block;color:#fff;text-transform:capitalize;position:relative}.status-badge[title]:not([title=""]){cursor:help}.status-badge[title]:not([title=""]):hover:after{content:attr(title);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:11px;font-weight:400;white-space:normal;max-width:250px;text-transform:none;z-index:1000;box-shadow:0 2px 8px #0003;word-wrap:break-word}.progress-container{position:relative;width:120px;height:20px;background-color:#e0e0e0;border-radius:0;overflow:hidden}.progress-bar{height:100%;background-color:#06c;transition:width .3s ease}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:11px;font-weight:600;color:#333}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:12px;background:#fff;border-radius:0;border:1px solid #ddd}.pagination-info{font-size:12px;color:#666}.pagination-controls{display:flex;gap:6px}.page-size-selector{display:flex;align-items:center;gap:6px}.page-size-selector label{font-size:12px;color:#666}.page-size-selector select{padding:6px 10px;border:1px solid #ccc;border-radius:0;font-size:12px;cursor:pointer;background-color:#fff;color:#333}.job-detail-card{background:#fff;border:1px solid #ddd;border-radius:0;padding:20px;margin-bottom:20px;box-shadow:0 1px 3px #0000000d}.job-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e0e0e0;flex-wrap:wrap;gap:1rem}.job-detail-header h2{margin:0;font-size:20px;color:#333;font-weight:700;flex:1}.header-actions{display:flex;gap:1rem;align-items:center}.job-detail-section{margin-bottom:24px}.job-detail-section h3{font-size:14px;font-weight:600;color:#333;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;margin-top:12px}.detail-item{padding:12px;background:#fafafa;border:1px solid #f0f0f0;border-radius:0}.detail-item label{display:block;font-weight:600;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-item span{font-size:14px;color:#333;word-break:break-word}.tags-container{margin-top:12px}.tag-group{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{display:inline-block;padding:6px 12px;background:#f0f0f0;border:1px solid #ddd;border-radius:0;font-size:12px;color:#333;font-weight:500}.kdp-titles{margin-top:12px}.kdp-title-item{padding:12px;background:#f9f9f9;margin-bottom:12px}.kdp-title-item strong{display:block;color:#666;font-size:12px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.kdp-title-content{font-size:14px;color:#333}.kdp-title-content>div{margin-bottom:6px}.kdp-title-content label{font-weight:600;color:#666;margin-right:6px}.files-table-container{background:#fff;border:1px solid #ddd;border-radius:0;overflow-x:auto}.files-table{width:100%;border-collapse:collapse}.files-table thead{background-color:#fafafa;border-bottom:1px solid #ddd}.files-table th{padding:12px 10px;text-align:left;font-weight:600;color:#333;font-size:12px;letter-spacing:.5px;text-transform:uppercase}.files-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.files-table tbody tr:hover{background-color:#fafafa}.files-table td{padding:12px 10px;font-size:14px;color:#333}.btn-sm{padding:6px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.btn-link{background:#000;border:none;color:#fff;cursor:pointer;padding:8px 16px;font-size:12px;margin-left:8px;border-radius:2px;transition:all .2s}.btn-link:hover{background:#333;color:#fff;text-decoration:none}.btn-link-collapse{background:transparent;border:none;color:#000;cursor:pointer;padding:0;font-size:12px;margin-left:8px;transition:all .2s}.btn-link-collapse:hover{background:#333;color:#fff;padding:6px 12px;border-radius:2px;text-decoration:none}@media(max-width:768px){.ccj-container{padding:20px}.ccj-row,.ccj-markets,.ccj-options{grid-template-columns:1fr}.ccj-title{font-size:22px}.detail-grid{grid-template-columns:1fr}.job-detail-header{flex-direction:column;align-items:flex-start}.job-detail-header h2{margin-bottom:12px}}.tabs-container{display:flex;gap:0;margin-bottom:30px;border-bottom:2px solid #000000}.tab-button{flex:0 0 auto;padding:14px 24px;background:transparent;border:none;border-bottom:3px solid transparent;font-size:14px;font-weight:600;color:#666;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.tab-button:hover{color:#000;background-color:#f5f5f5}.tab-button.active{color:#000;border-bottom-color:#000}.tab-button:disabled{opacity:.5;cursor:not-allowed}.notification-banner{padding:12px 16px;margin-bottom:24px;border-radius:4px;font-size:13px;font-weight:500}.notification-banner.warning{background-color:#fff3cd;border:1px solid #ffc107;color:#856404}.notification-banner.success{background-color:#d4edda;border:1px solid #28a745;color:#155724}.badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-info{background-color:#e3f2fd;color:#1976d2}.badge-secondary{background-color:#f5f5f5;color:#666}.badge-success{background-color:#e8f5e9;color:#2e7d32}.error-info{padding:8px;background-color:#ffebee;border:1px solid #ef5350;border-radius:4px;color:#c62828}.error-info small{font-size:11px}@media(max-width:768px){.tabs-container{flex-wrap:wrap}.tab-button{flex:1 0 50%;text-align:center;padding:12px 16px}.badge{font-size:10px;padding:3px 8px}}.ccj-provider-options{display:flex;flex-direction:column;gap:12px;margin-top:16px}.ccj-radio-option{display:flex;align-items:flex-start;gap:12px;padding:12px;border:1px solid #ddd;border-radius:4px;cursor:pointer;transition:all .2s ease;background-color:#fafafa}.ccj-radio-option:hover{background-color:#f5f5f5;border-color:#999}.ccj-radio-option.ccj-radio-disabled{opacity:.6;cursor:not-allowed;background-color:#f5f5f5}.ccj-radio-option.ccj-radio-disabled:hover{background-color:#f5f5f5;border-color:#ddd}.ccj-radio-option input[type=radio]{width:18px;height:18px;margin-top:2px;cursor:pointer;accent-color:#333;flex-shrink:0}.ccj-radio-option input[type=radio]:checked+.ccj-radio-label{font-weight:600;color:#000}.ccj-radio-option input[type=radio]:checked{accent-color:#333}.ccj-radio-label{display:flex;flex-direction:column;gap:4px;cursor:pointer;flex:1}.ccj-radio-icon{font-size:18px;display:inline-block;margin-right:4px}.ccj-radio-text{display:flex;flex-direction:column;gap:2px}.ccj-radio-text strong{font-size:14px;color:#333}.ccj-radio-hint{font-size:12px;color:#666;font-weight:400}.ccj-radio-pricing{display:flex;flex-direction:column;gap:8px;margin-top:8px}.ccj-pricing-item{display:flex;flex-direction:column;gap:4px}.ccj-pricing-link{font-size:12px;font-weight:600;color:#06c;text-decoration:none;padding:4px 8px;border-radius:3px;transition:all .2s ease;background-color:#f0f8ff;display:inline-block;width:fit-content}.ccj-pricing-link:hover{background-color:#e0f0ff;text-decoration:underline;color:#0052a3}.ccj-pricing-description{font-size:11px;color:#555;line-height:1.4;padding-left:4px;border-left:2px solid #ccc}.ccj-provider-badge{font-size:11px;font-weight:600;color:#d32f2f;background-color:#ffebee;padding:2px 6px;border-radius:3px;display:inline-block;margin-left:4px;white-space:nowrap}.recipe-review-container{max-width:1400px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.recipe-review-container.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:1.2rem;color:#666}.recipe-review-container.error{text-align:center;padding:3rem;background-color:#fee;border:2px solid #f66;border-radius:8px;color:#c00}.error-banner{background-color:#fee;border:1px solid #f99;color:#c00;padding:1rem;border-radius:6px;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem}.success-banner{background-color:#efe;border:1px solid #9f9;color:#060;padding:1rem;border-radius:6px;margin-bottom:2rem;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.review-header{text-align:center;margin-bottom:2rem;border-bottom:3px solid #4a5568;padding-bottom:2rem}.review-header h1{font-size:2rem;color:#2d3748;margin:0 0 1rem;font-weight:600}.header-info{display:flex;flex-direction:column;align-items:center;gap:.5rem}.book-title{font-size:1.3rem;color:#4a5568;font-weight:500;margin:0}.author{font-size:1rem;color:#718096;font-style:italic;margin:0}.chapter-selector{margin-bottom:2rem;padding:1.5rem;background-color:#f7fafc;border-radius:8px;border:1px solid #e2e8f0}.chapter-selector h3{margin:0 0 1rem;color:#2d3748;font-size:1.1rem}.chapter-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.chapter-btn{padding:.75rem 1.25rem;border:2px solid #cbd5e0;background-color:#fff;color:#4a5568;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s ease;font-size:.95rem}.chapter-btn:hover{border-color:#4a5568;background-color:#edf2f7}.chapter-btn.active{background-color:#4a5568;color:#fff;border-color:#4a5568}.review-content{display:flex;flex-direction:column;gap:2rem}.recipes-section{display:grid;grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem}@media(max-width:1024px){.recipes-section{grid-template-columns:1fr}}.recipes-main,.recipes-buffer{display:flex;flex-direction:column}.recipes-main h3,.recipes-buffer h3{margin:0 0 1rem;color:#2d3748;font-size:1.2rem;font-weight:600;padding-bottom:.75rem;border-bottom:2px solid #cbd5e0}.recipes-buffer h3{color:#6b46c1;border-bottom-color:#d6bcfa}.recipes-list{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;max-height:600px;padding-right:.5rem}.recipes-list::-webkit-scrollbar{width:6px}.recipes-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.recipes-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.recipes-list::-webkit-scrollbar-thumb:hover{background:#a0aec0}.recipe-card{padding:1rem;border:2px solid #e2e8f0;border-radius:6px;cursor:pointer;transition:all .2s ease;background-color:#fff}.recipe-card:hover{border-color:#4a5568;background-color:#f7fafc;transform:translate(4px)}.recipe-card.selected{border-color:#4a5568;background-color:#edf2f7;box-shadow:0 0 0 3px #4a55681a}.recipe-card.buffer{background-color:#faf5ff;border-color:#d6bcfa}.recipe-card.buffer:hover{border-color:#c084fc}.recipe-card.buffer.selected{border-color:#9333ea;background-color:#f3e8ff;box-shadow:0 0 0 3px #9333ea1a}.recipe-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.recipe-header h4{margin:0;font-size:1rem;color:#2d3748;font-weight:600;flex:1;word-break:break-word}.selection-badge{display:inline-block;padding:.25rem .75rem;background-color:#4a5568;color:#fff;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.selection-badge.buffer{background-color:#9333ea}.recipe-description{margin:0;font-size:.95rem;color:#718096;line-height:1.5}.recipe-ingredients{margin:.75rem 0 0;font-size:.85rem;color:#4a5568;line-height:1.5;padding-top:.75rem;border-top:1px solid #e2e8f0}.recipe-ingredients strong{color:#2d3748;font-weight:600}.no-buffer{padding:2rem;text-align:center;color:#a0aec0;font-style:italic}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;padding:2rem;background-color:#f7fafc;border-radius:8px;border-top:2px solid #e2e8f0}.btn{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary:hover:not(:disabled){background-color:#4a4a4a;box-shadow:0 4px 12px #00000040}.btn-success{background-color:#000;color:#fff}.btn-success:hover:not(:disabled){background-color:#4a4a4a;box-shadow:0 4px 12px #00000040}.btn-secondary{background-color:#d3d3d3;color:#2d3748}.btn-secondary:hover:not(:disabled){background-color:#a0aec0}@media(max-width:768px){.recipe-review-container{padding:1rem}.review-header h1{font-size:1.5rem}.recipes-section{gap:1.5rem}.recipes-list{max-height:400px}.action-buttons{flex-direction:column}.btn{width:100%}.chapter-buttons{gap:.5rem}.chapter-btn{padding:.5rem 1rem;font-size:.85rem}}.book-review-container{width:100%;max-width:1200px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.review-header{text-align:center;margin-bottom:40px;border-bottom:2px solid #e0e0e0;padding-bottom:20px}.review-header h1{font-size:2.5em;color:#333;margin:0 0 10px}.review-header .author{font-size:1.2em;color:#666;margin:0;font-style:italic}.review-content{flex:1;display:flex;flex-direction:column}.slides-container{flex:1;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:40px;margin-bottom:30px;min-height:600px;display:flex;align-items:center;justify-content:center}.slide{width:100%;height:100%;display:flex;flex-direction:column}.slide-content{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;height:100%}.slide-content.introduction-slide,.slide-content.additional-chapter-slide,.slide-content.chapter-slide,.slide-content.recipe-slide{grid-template-columns:1fr 1fr}.slide-text{padding:20px;overflow-y:auto;max-height:100%}.slide-text h2{font-size:2em;margin-top:0;margin-bottom:15px;color:#333}.slide-text h3{font-size:1.3em;margin-top:20px;margin-bottom:10px;color:#444}.slide-text p{font-size:1em;line-height:1.6;color:#555;margin:10px 0}.slide-text .original-name{color:#888;font-size:.95em;margin-bottom:10px}.slide-text .recipe-count{color:#666;font-weight:500;margin-bottom:20px}.slide-text .description{font-size:1.05em;font-style:italic;color:#666;margin-bottom:20px}.ingredients{background:#f5f5f5;padding:15px;border-radius:6px;margin-bottom:20px}.ingredients ul{list-style:none;padding:0;margin:10px 0 0}.ingredients li{padding:5px 0 5px 25px;position:relative}.ingredients li:before{content:"✓";position:absolute;left:0;color:#4caf50;font-weight:700}.instructions{background:#f9f9f9;padding:15px;border-radius:6px;border-left:4px solid #2196F3}.slide-image{display:flex;align-items:center;justify-content:center;height:100%;padding:20px}.slide-image img{max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 12px #00000026;object-fit:contain}.slide-counter{text-align:center;font-size:.95em;color:#666;margin-bottom:20px}.controls{display:flex;align-items:center;gap:20px;margin-bottom:30px}.btn-nav{padding:10px 20px;background:#2196f3;color:#fff;border:none;border-radius:6px;font-size:1em;cursor:pointer;transition:background .3s;flex:0 0 150px}.btn-nav:hover:not(:disabled){background:#1976d2}.btn-nav:disabled{background:#ccc;cursor:not-allowed}.progress-bar{flex:1;height:6px;background:#e0e0e0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#45a049);transition:width .3s ease}.action-buttons{display:flex;justify-content:center;gap:20px}.btn{padding:12px 30px;font-size:1.05em;border:none;border-radius:6px;cursor:pointer;transition:all .3s;font-weight:500}.btn-primary{background:#000;color:#fff;min-width:200px}.btn-primary:hover:not(:disabled){background:#4a4a4a;box-shadow:0 4px 12px #0000004d}.btn-primary:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#f44336;color:#fff;min-width:150px}.btn-secondary:hover{background:#da190b;box-shadow:0 4px 12px #f443364d}.loading,.error{text-align:center;padding:40px;font-size:1.2em}.loading{color:#2196f3}.error{color:#f44336;background:#ffebee;border-radius:6px}@media(max-width:1024px){.slide-content{grid-template-columns:1fr;gap:30px}.slides-container{padding:30px;min-height:500px}.review-header h1{font-size:2em}}@media(max-width:768px){.book-review-container{padding:15px}.slides-container{padding:20px;min-height:400px}.slide-text{padding:15px}.slide-text h2{font-size:1.5em}.controls{flex-direction:column}.btn-nav{width:100%;flex:1}.progress-bar{order:-1;margin-bottom:15px}.action-buttons{flex-direction:column}.btn{width:100%}.review-header h1{font-size:1.5em}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:40px;box-shadow:0 8px 32px #0003;text-align:center;max-width:500px;width:90%}.loading-modal{display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-modal h2{font-size:1.8em;color:#333;margin:20px 0 10px}.loading-modal p{color:#666;font-size:1em;margin:5px 0}.loading-modal .loading-path{font-size:.9em;color:#999;font-style:italic;margin-top:10px}.spinner{border:4px solid #f3f3f3;border-top:4px solid #FF9800;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.file-viewer-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);background-color:#fff;min-height:calc(100vh - 60px)}.viewer-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.btn-back{background:none;border:none;color:var(--color-primary);font-size:16px;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-md);transition:all var(--transition-fast)}.btn-back:hover{background-color:var(--color-light)}.viewer-header h1{margin:0;flex:1;color:var(--color-primary);font-size:28px;font-weight:700}.job-info{display:flex;gap:var(--spacing-md);align-items:center}.job-title{font-weight:600;color:var(--color-primary);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-light);border-radius:var(--border-radius-md)}.job-status{font-size:14px;color:var(--color-accent)}.loading{text-align:center;padding:var(--spacing-xl);color:var(--color-accent);font-size:16px}.no-files{text-align:center;padding:var(--spacing-xl);background-color:var(--color-light);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);color:var(--color-accent)}.error-message{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);background-color:#ffebee;border:1px solid #ef5350;border-radius:var(--border-radius-md);color:#d32f2f;font-size:14px}.viewer-layout{display:grid;grid-template-columns:300px 1fr;gap:var(--spacing-lg);min-height:500px}.files-sidebar{background-color:var(--color-light);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--spacing-md);overflow-y:auto;max-height:600px}.files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.files-header h3{margin:0;font-size:16px;color:var(--color-primary)}.file-count{background-color:var(--color-primary);color:#fff;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.files-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.file-item{padding:var(--spacing-md);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast)}.file-item:hover{background-color:#f5f5f5;border-color:var(--color-primary)}.file-item.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.file-name{font-weight:500;margin-bottom:4px;word-break:break-word;font-size:14px}.file-meta{display:flex;justify-content:space-between;font-size:12px;opacity:.7}.file-type{background-color:#0000001a;padding:2px 6px;border-radius:3px}.file-size{font-size:11px}.viewer-content{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;overflow:hidden}.content-toolbar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--color-border);background-color:var(--color-light)}.content-info{font-size:12px;color:var(--color-accent);font-style:italic}.content-display{flex:1;overflow:auto;background-color:#fff}.html-preview{width:100%;height:100%;border:none;display:block;min-height:500px}.text-preview{padding:var(--spacing-lg);margin:0;font-family:Courier New,monospace;font-size:13px;line-height:1.5;color:var(--color-primary);background-color:#fafafa;overflow:auto;max-height:600px;white-space:pre-wrap;word-break:break-word}.markdown-preview{padding:var(--spacing-lg);font-size:14px;line-height:1.6;color:var(--color-primary)}.unsupported-preview{padding:var(--spacing-xl);text-align:center;color:var(--color-accent)}.unsupported-preview p{margin:var(--spacing-md) 0}.btn{padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background-color:#000;color:#fff}.btn-primary:hover{opacity:.9;background-color:#4a4a4a;transform:translateY(-2px);box-shadow:0 2px 8px #00000026}.btn-sm{padding:6px 12px;font-size:13px}@media(max-width:768px){.file-viewer-container{padding:var(--spacing-md)}.viewer-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.viewer-header h1{font-size:22px}.viewer-layout{grid-template-columns:1fr}.files-sidebar{max-height:300px}.job-info{flex-wrap:wrap;width:100%}}.terms-pricing-container{max-width:1200px;margin:0 auto;padding:var(--spacing-lg);background-color:var(--color-lighter)}.back-button{background:none;border:none;color:var(--color-primary);font-size:16px;cursor:pointer;padding:var(--spacing-sm);margin-bottom:var(--spacing-lg);transition:color .3s ease}.back-button:hover{color:var(--color-primary-dark)}.terms-pricing-content{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 8px #00000014}.terms-pricing-content h1{color:var(--color-primary);font-size:32px;font-weight:700;margin-bottom:var(--spacing-lg);border-bottom:3px solid var(--color-primary);padding-bottom:var(--spacing-md)}.terms-pricing-content h2{color:var(--color-primary);font-size:24px;font-weight:600;margin-top:var(--spacing-xl);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.terms-pricing-content h3{color:#333;font-size:18px;font-weight:600;margin-bottom:var(--spacing-md)}.terms-pricing-content h4{color:#333;font-size:16px;font-weight:600;margin-bottom:var(--spacing-sm)}.terms-pricing-content p{color:#555;line-height:1.6;margin-bottom:var(--spacing-md)}.terms-pricing-content ul{list-style-position:inside;margin-bottom:var(--spacing-md)}.terms-pricing-content li{color:#555;margin-bottom:var(--spacing-sm);line-height:1.6}.pricing-section{margin-bottom:var(--spacing-xl)}.price-card{background:linear-gradient(135deg,#f5f9ff,#e8f2ff);border:2px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.price-amount{font-size:36px;font-weight:700;color:var(--color-primary);margin:var(--spacing-md) 0}.price-description{color:#666;font-size:14px;margin-bottom:var(--spacing-lg)}.cost-breakdown{background:#fff;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cost-breakdown h4{margin-bottom:var(--spacing-md);color:var(--color-primary)}.cost-breakdown ul{list-style:none;padding:0}.cost-breakdown li{background:#f9f9f9;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border-left:4px solid var(--color-primary);border-radius:var(--border-radius-sm)}.cost-breakdown .description{color:#888;font-size:13px;display:block;margin-top:4px}.cost-breakdown .highlight{background:#fff3cd;color:#ff6b6b;padding:2px 8px;border-radius:3px;font-size:12px;font-weight:600;display:inline-block;margin-left:var(--spacing-sm)}.important-notice{background:#fff3cd;border-left:4px solid #ff9800;padding:var(--spacing-lg);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-lg)}.important-notice h4{color:#ff6b6b;margin-bottom:var(--spacing-md)}.important-notice ul{background:#fff;padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin:var(--spacing-md) 0}.important-notice li{color:#333}.cost-estimation{background:#f0f7ff;border:1px solid var(--color-primary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.cost-estimation h4{color:var(--color-primary);margin-bottom:var(--spacing-md)}.cost-estimation table{width:100%;border-collapse:collapse;margin-top:var(--spacing-md)}.cost-estimation thead{background:var(--color-primary);color:#fff}.cost-estimation th,.cost-estimation td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid #ddd}.cost-estimation tbody tr:hover{background:#e8f2ff}.cost-estimation tbody tr:last-child td{border-bottom:none}.how-it-works-section{margin-bottom:var(--spacing-xl)}.integration-card{background:#fff;border:1px solid #ddd;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .3s ease}.integration-card:hover{box-shadow:0 4px 12px #0000001a}.integration-card.recraft-card{border-left:4px solid #9c27b0}.integration-description{color:#666;font-style:italic;margin-bottom:var(--spacing-md)}.integration-list{list-style:none;padding:0;margin-bottom:var(--spacing-md)}.integration-list li{padding:var(--spacing-sm) 0;padding-left:var(--spacing-md);position:relative}.integration-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700}.api-cost{background:#f5f5f5;padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md)}.api-cost.highlight{background:#fff3cd;border-left:4px solid #ff9800}.api-cost .tag{background:#ff6b6b;color:#fff;padding:2px 8px;border-radius:3px;font-size:12px;margin-left:var(--spacing-sm)}.terms-section{margin-bottom:var(--spacing-xl)}.terms-item{background:#f9f9f9;border-left:4px solid var(--color-primary);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-radius:var(--border-radius-sm)}.terms-item h4{color:var(--color-primary);margin-bottom:var(--spacing-md)}.terms-item ul{padding-left:var(--spacing-lg)}.terms-item li{margin-bottom:var(--spacing-sm)}.best-practices-section{margin-bottom:var(--spacing-xl)}.practice-card{background:linear-gradient(135deg,#f0f9ff,#e0f2ff);border:1px solid var(--color-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.practice-card h4{color:var(--color-primary);margin-bottom:var(--spacing-md)}.practice-card ul{padding-left:var(--spacing-lg)}.faq-section{margin-bottom:var(--spacing-xl)}.faq-item{background:#fff;border:1px solid #e0e0e0;border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);transition:all .3s ease}.faq-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #00000014}.faq-item h4{color:var(--color-primary);margin-bottom:var(--spacing-md);cursor:pointer}.faq-item p{color:#666}.footer-note{text-align:center;padding:var(--spacing-lg);border-top:1px solid #ddd;margin-top:var(--spacing-xl);color:#999;font-size:13px}.footer-note p{margin:var(--spacing-sm) 0}.disclaimer{background:#f5f5f5;padding:var(--spacing-md);border-radius:var(--border-radius-sm);color:#666;font-size:12px}@media(max-width:768px){.terms-pricing-container{padding:var(--spacing-md)}.terms-pricing-content{padding:var(--spacing-lg)}.terms-pricing-content h1{font-size:24px}.terms-pricing-content h2{font-size:20px}.price-amount{font-size:28px}.cost-estimation table{font-size:13px}.cost-estimation th,.cost-estimation td{padding:var(--spacing-sm)}}.recent-questions-page{background:linear-gradient(135deg,#fef8f5,#fff0e8);min-height:100vh;padding:var(--spacing-xl)}.recent-container{max-width:1200px;margin:0 auto}.recent-header{text-align:center;margin-bottom:var(--spacing-xl)}.recent-header h1{color:var(--color-primary);font-size:36px;font-weight:700;margin-bottom:var(--spacing-md)}.sort-section{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:0 2px 8px #00000014}.sort-section h3{color:var(--color-primary);font-size:16px;font-weight:600;margin:0 0 var(--spacing-md) 0}.sort-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.sort-btn{padding:10px 20px;background:#f5f5f5;border:1px solid #ddd;border-radius:6px;cursor:pointer;font-weight:500;font-size:14px;color:#333;transition:all .3s ease}.sort-btn:hover{background:#e8f2ff;border-color:var(--color-primary);color:var(--color-primary)}.sort-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.questions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.question-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #00000014;display:flex;flex-direction:column;transition:all .3s ease}.question-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);gap:var(--spacing-sm)}.category-badge{background:#f0f7ff;color:var(--color-primary);padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.time-badge{color:#999;font-size:12px}.question-title{color:#333;font-size:16px;font-weight:600;margin:0 0 var(--spacing-sm) 0;line-height:1.4}.question-answer{color:#666;font-size:14px;line-height:1.5;margin:0 0 var(--spacing-md) 0;flex-grow:1}.card-footer{display:flex;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid #e0e0e0;font-size:13px;color:#999}.stat{display:flex;align-items:center;gap:4px}.categories-overview{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:0 2px 8px #00000014;margin-bottom:var(--spacing-xl)}.categories-overview h3{color:var(--color-primary);font-size:20px;font-weight:600;margin:0 0 var(--spacing-lg) 0}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg)}.category-card{background:linear-gradient(135deg,#f5f9ff,#e8f2ff);border:1px solid #bee5eb;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);text-align:center;transition:all .3s ease}.category-card:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #0000001a}.category-icon{font-size:32px;margin-bottom:var(--spacing-sm);display:block}.category-card h4{color:var(--color-primary);font-size:16px;margin:0 0 var(--spacing-sm) 0}.category-card p{color:#666;font-size:14px;margin:0}.additional-resources{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg)}.resource-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:0 2px 8px #00000014;transition:all .3s ease}.resource-card:hover{box-shadow:0 4px 16px #0000001f;transform:translateY(-2px)}.resource-card h4{color:var(--color-primary);font-size:16px;margin:0 0 var(--spacing-sm) 0}.resource-card p{color:#666;font-size:14px;line-height:1.5;margin:0 0 var(--spacing-md) 0}.resource-link{color:var(--color-primary);text-decoration:none;font-weight:600;font-size:14px;transition:all .3s ease;display:inline-block}.resource-link:hover{color:var(--color-primary-dark);transform:translate(2px)}@media(max-width:768px){.recent-questions-page{padding:var(--spacing-lg)}.recent-header h1{font-size:28px}.questions-grid{grid-template-columns:1fr}.sort-buttons{gap:6px}.sort-btn{padding:8px 16px;font-size:13px}.categories-grid{grid-template-columns:repeat(2,1fr)}.additional-resources{grid-template-columns:1fr}}.static-page{display:flex;flex-direction:column;background-color:#fff}.page-hero{background-color:#fff;color:var(--color-text);padding:40px var(--spacing-lg);text-align:center;min-height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.page-hero h1{font-size:32px;font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.5px}.page-hero p{font-size:16px;color:var(--color-text-muted);font-weight:300}.page-content{padding:var(--spacing-2xl) var(--spacing-lg);background-color:#fff}.content-container{max-width:900px;margin:0 auto}.simple-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.simple-content p{font-size:16px;line-height:1.8;color:var(--color-text);text-align:justify}.content-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.content-section:last-child{border-bottom:none}.content-section h2{font-size:28px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-md)}.content-section h3{font-size:18px;font-weight:600;color:var(--color-accent);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md)}.content-section p{font-size:16px;line-height:1.8;color:var(--color-text);margin-bottom:var(--spacing-md)}.content-section a{color:var(--color-primary);text-decoration:none;transition:all var(--transition-fast)}.content-section a:hover{text-decoration:underline;color:var(--color-secondary)}.values-list,.policy-list{list-style:none;padding:0;margin:var(--spacing-lg) 0;display:flex;flex-direction:column;gap:var(--spacing-md)}.values-list li,.policy-list li{padding-left:var(--spacing-lg);position:relative;font-size:16px;line-height:1.8;color:var(--color-text)}.values-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:600}.policy-list li:before{content:"•";position:absolute;left:0;color:var(--color-primary)}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);align-items:start}.contact-info{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.info-card{background:#fff;padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid #e5e5e5;text-align:center;transition:all var(--transition-normal)}.info-card:hover{border-color:#000;box-shadow:none}.info-icon{font-size:36px;margin-bottom:var(--spacing-sm)}.info-card h3{font-size:16px;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);margin-top:0}.info-card p{font-size:14px;margin-bottom:var(--spacing-sm)}.info-card small{font-size:12px;color:var(--color-muted)}.info-card a{font-weight:500}.contact-form-section{background:#fff}.contact-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-size:14px;font-weight:600;color:var(--color-primary)}.form-group input,.form-group textarea{padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:14px;font-family:inherit;transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:150px}.success-message{background-color:#ecfdf5;color:#065f46;padding:var(--spacing-md);border-radius:var(--border-radius-sm);border-left:4px solid #10b981;margin-bottom:var(--spacing-lg);font-size:14px;font-weight:500}.last-updated{font-size:12px;color:var(--color-muted);text-align:center;margin-top:var(--spacing-2xl)}.page-cta{background:#fff;color:#333;padding:var(--spacing-lg) var(--spacing-lg);text-align:center;border-top:1px solid #e5e5e5;margin-top:var(--spacing-xl)}.page-cta h2{font-size:18px;font-weight:700;margin-bottom:6px;color:#333}.page-cta p{font-size:13px;color:#666;margin-bottom:var(--spacing-md)}@media(max-width:768px){.page-hero{min-height:250px;padding:40px var(--spacing-md)}.page-hero h1{font-size:32px}.page-hero p{font-size:16px}.page-content{padding:var(--spacing-lg)}.content-section h2{font-size:24px}.content-section h3{font-size:16px}.content-section p{font-size:14px}.contact-container{grid-template-columns:1fr}.contact-info{grid-template-columns:repeat(2,1fr)}.page-cta h2{font-size:24px}.page-cta p{font-size:14px}}@media(max-width:600px){.page-hero{min-height:200px;padding:30px var(--spacing-md)}.page-hero h1{font-size:24px}.page-hero p{font-size:14px}.page-content{padding:var(--spacing-md)}.content-container{padding:0}.content-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md)}.content-section h2{font-size:20px}.content-section h3,.content-section p,.values-list li,.policy-list li{font-size:14px}.values-list,.policy-list{gap:var(--spacing-md)}.contact-info{grid-template-columns:1fr}.info-card{padding:var(--spacing-md)}.info-icon{font-size:28px}.contact-form-section{padding:0}.form-group input,.form-group textarea{font-size:16px}.page-cta{padding:var(--spacing-lg)}.page-cta h2{font-size:20px}.page-cta p{font-size:13px}}html{background-color:#fff;height:100%;scrollbar-gutter:stable}body{background-color:#fff;margin:0;padding:0;min-height:100%;color:#333}#root{display:block;background-color:#fff}.app-wrapper{display:block;width:100%;background-color:#fff}.app-main{width:100%;background-color:#fff;min-height:100vh}main{width:100%;background-color:#fff}