:root{--color-navy: #1a2744;--color-navy-light: #243356;--color-navy-dark: #111a2e;--color-burgundy: #7b2d3b;--color-burgundy-light: #963a4a;--color-burgundy-dark: #5e2230;--color-gold: #b8944c;--color-gold-light: #c9a962;--color-cream: #faf8f5;--color-cream-dark: #f0ece6;--color-white: #ffffff;--color-text: #1a1a1a;--color-text-secondary: #5c5c5c;--color-text-muted: #8a8a8a;--color-border: #e0dcd5;--color-border-light: #ede9e2;--color-success: #2e5a3a;--color-success-bg: #eaf4ec;--color-error: #9b2c2c;--color-error-bg: #fdf0f0;--color-warning: #8a6d14;--color-warning-bg: #fdf8e8;--font-heading: "Merriweather", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "SF Mono", "Fira Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--leading-tight: 1.3;--leading-normal: 1.6;--leading-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 40px;--space-8: 48px;--space-9: 64px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--shadow-sm: 0 1px 3px rgba(26, 39, 68, .04);--shadow-md: 0 2px 8px rgba(26, 39, 68, .06);--shadow-lg: 0 4px 16px rgba(26, 39, 68, .08);--shadow-xl: 0 8px 32px rgba(26, 39, 68, .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--max-width: 960px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-cream);min-height:100vh}h1,h2,h3,h4{font-family:var(--font-heading);line-height:var(--leading-tight);color:var(--color-navy)}h1{font-size:var(--text-2xl);font-weight:900}h2{font-size:var(--text-xl);font-weight:700}h3{font-size:var(--text-lg);font-weight:700}a{color:var(--color-burgundy);text-decoration:none}a:hover{color:var(--color-burgundy-light);text-decoration:underline}.app{display:flex;flex-direction:column;min-height:100vh}.app--with-sidebar{display:grid;grid-template-columns:300px 1fr;min-height:100vh}.app__main{flex:1;display:flex;flex-direction:column}.app__content{max-width:var(--max-width);width:100%;margin:0 auto;padding:var(--space-6) var(--space-5);flex:1}.header{background-color:var(--color-navy);color:var(--color-white);padding:0 var(--space-5);height:64px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-md);position:sticky;top:0;z-index:100}.header__brand{display:flex;align-items:center;gap:var(--space-3)}.header__icon{width:36px;height:36px;background-color:var(--color-gold);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:18px;font-weight:900;color:var(--color-navy)}.header__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-white);letter-spacing:-.3px}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.header__btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:var(--color-white);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--transition-fast);display:flex;align-items:center;gap:var(--space-1)}.header__btn:hover{background:#ffffff2e}.header__btn--active{background:var(--color-gold);color:var(--color-navy);border-color:var(--color-gold)}.header__btn--active:hover{background:var(--color-gold-light)}.petition-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.petition-section__header{margin-bottom:var(--space-5)}.petition-section__title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--color-navy);margin-bottom:var(--space-1)}.petition-section__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary)}.length-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-5);background:var(--color-cream-dark);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.length-selector__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);text-align:center;min-width:0}.length-selector__btn:hover:not(:disabled):not(.length-selector__btn--active){background:#1a27440f}.length-selector__btn--active{background:var(--color-navy);box-shadow:var(--shadow-sm)}.length-selector__btn--active .length-selector__label,.length-selector__btn--active .length-selector__hint,.length-selector__btn--active .length-selector__icon{color:var(--color-white)}.length-selector__btn:disabled{opacity:.5;cursor:not-allowed}.length-selector__icon{font-size:18px;line-height:1}.length-selector__label{font-size:var(--text-sm);font-weight:600;color:var(--color-navy);line-height:1.2}.length-selector__hint{font-size:10px;color:var(--color-text-muted);line-height:1.2;white-space:nowrap}@media(max-width:500px){.length-selector{gap:1px;padding:3px}.length-selector__btn{padding:var(--space-1) var(--space-2)}.length-selector__hint{display:none}}.petition-textarea{width:100%;min-height:240px;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-white);resize:vertical;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.petition-textarea:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px #1a274414}.petition-textarea::placeholder{color:var(--color-text-muted)}.petition-footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);flex-wrap:wrap;gap:var(--space-3)}.petition-counter{font-size:var(--text-xs);color:var(--color-text-muted)}.petition-counter--warn{color:var(--color-warning)}.petition-counter--error{color:var(--color-error)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background-color:var(--color-navy);color:var(--color-white)}.btn--primary:hover:not(:disabled){background-color:var(--color-navy-light);box-shadow:var(--shadow-md)}.btn--secondary{background-color:transparent;color:var(--color-navy);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-cream-dark);border-color:var(--color-navy)}.btn--danger{background-color:transparent;color:var(--color-error);border:1px solid var(--color-error)}.btn--danger:hover:not(:disabled){background-color:var(--color-error-bg)}.btn--icon{width:36px;height:36px;padding:0;border-radius:var(--radius-md);font-size:16px}.btn--lg{padding:var(--space-4) var(--space-7);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.summary-section{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-6);overflow:hidden}.summary-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border-light);background:var(--color-cream)}.summary-header__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy)}.summary-header__actions{display:flex;align-items:center;gap:var(--space-2)}.summary-body{padding:var(--space-6);font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text)}.summary-body h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--color-navy);margin-top:var(--space-5);margin-bottom:var(--space-2);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.summary-body h3:first-child{margin-top:0}.summary-body p{margin-bottom:var(--space-3)}.summary-body strong{color:var(--color-navy)}.state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-secondary)}.state-message__icon{font-size:48px;margin-bottom:var(--space-4)}.state-message__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-navy);margin-bottom:var(--space-2)}.state-message__text{font-size:var(--text-sm);max-width:400px}.loading-skeleton{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-top:var(--space-6);box-shadow:var(--shadow-sm)}.loading-skeleton__pulse{display:flex;align-items:center;gap:var(--space-4)}.loading-skeleton__spinner{width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-navy);border-radius:50%;animation:spin .8s linear infinite}.loading-skeleton__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.error-card{background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-lg);padding:var(--space-5);margin-top:var(--space-6);display:flex;gap:var(--space-4)}.error-card__icon{font-size:24px;flex-shrink:0}.error-card__title{font-weight:600;color:var(--color-error);margin-bottom:var(--space-1)}.error-card__text{font-size:var(--text-sm);color:var(--color-text-secondary)}.btn--copy{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);gap:var(--space-1)}.collapse-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-6);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg);background:var(--color-cream);cursor:pointer;font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-navy);transition:all var(--transition-fast)}.collapse-toggle:hover{background:var(--color-cream-dark)}.collapse-toggle--open{border-radius:0;border-bottom-color:var(--color-border-light)}.collapse-toggle__label{display:flex;align-items:center;gap:var(--space-2)}.collapse-toggle__icon{font-size:16px}.collapse-toggle__arrow{display:inline-block;font-size:10px;transition:transform var(--transition-normal);color:var(--color-text-muted)}.collapse-toggle--open .collapse-toggle__arrow{transform:rotate(180deg)}.collapse-content{max-height:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;opacity:0}.collapse-content--open{max-height:2000px;opacity:1}.collapse-content .stats-panel{margin-top:0;border-top:none;border-radius:0 0 var(--radius-lg) var(--radius-lg)}.toast{position:fixed;bottom:var(--space-5);right:var(--space-5);background:var(--color-navy);color:var(--color-white);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;box-shadow:var(--shadow-lg);z-index:1000;animation:toastIn .3s ease,toastOut .3s ease 1.7s forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.sidebar{background:var(--color-white);border-right:1px solid var(--color-border);display:flex;flex-direction:column;min-height:100vh;max-height:100vh;position:sticky;top:0}.sidebar__header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between}.sidebar__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy)}.sidebar__count{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-cream);padding:2px 8px;border-radius:var(--radius-sm)}.sidebar__list{flex:1;overflow-y:auto;padding:var(--space-3)}.sidebar__empty{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.sidebar__item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);border:1px solid transparent;margin-bottom:var(--space-2)}.sidebar__item:hover{background:var(--color-cream)}.sidebar__item--active{background:var(--color-cream-dark);border-color:var(--color-border)}.sidebar__item-title{font-size:var(--text-sm);font-weight:500;color:var(--color-navy);margin-bottom:var(--space-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__item-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}.sidebar__item-badge{display:inline-block;padding:1px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600;background:var(--color-navy);color:var(--color-white)}.history-detail{padding:var(--space-6)}.history-detail__meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.history-detail__badge{display:inline-block;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;background:var(--color-navy);color:var(--color-white)}.history-detail__date{font-size:var(--text-xs);color:var(--color-text-muted)}.stats-panel{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-top:var(--space-5);overflow:hidden}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--color-border-light);border-bottom:1px solid var(--color-border-light)}.stat-card{background:var(--color-white);padding:var(--space-5) var(--space-4);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-1);transition:background var(--transition-fast)}.stat-card:hover{background:var(--color-cream)}.stat-card__icon{font-size:22px;margin-bottom:var(--space-1)}.stat-card__value{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:900;color:var(--color-navy);line-height:1.2}.stat-card__label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.4px}.stats-chart{padding:var(--space-6) var(--space-5) var(--space-4)}.stats-chart__title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--color-navy);margin-bottom:var(--space-2)}.stats-chart__legend{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.legend-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.legend-dot--original{background:var(--color-navy);opacity:.85}.legend-dot--summary{background:var(--color-gold);opacity:.9}.stats-chart__container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.stats-chart__container svg{min-width:500px}.stats-summary{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light);background:var(--color-cream);font-size:var(--text-sm);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.stats-summary strong{color:var(--color-navy)}@media(max-width:768px){:root{--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.375rem}.app--with-sidebar{grid-template-columns:1fr}.sidebar{display:none}.sidebar--open{display:flex;position:fixed;top:64px;left:0;right:0;bottom:0;z-index:99}.app__content,.petition-section{padding:var(--space-4)}.petition-footer{flex-direction:column;align-items:stretch}.petition-footer .btn{width:100%}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.header__title{font-size:var(--text-base)}.summary-body{padding:var(--space-4)}.summary-header{padding:var(--space-3) var(--space-4)}.stats-grid{grid-template-columns:repeat(2,1fr)}}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-navy) 0%,var(--color-navy-dark) 100%);padding:var(--space-4)}.auth-card{width:100%;max-width:420px;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;position:relative}.auth-card__brand{text-align:center;padding:var(--space-7) var(--space-6) var(--space-4);background:var(--color-cream);border-bottom:1px solid var(--color-border-light)}.auth-card__icon{font-size:40px;display:block;margin-bottom:var(--space-2)}.auth-card__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-navy);margin:0 0 var(--space-1);font-weight:700}.auth-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.auth-tabs{display:flex;border-bottom:2px solid var(--color-border-light)}.auth-tab{flex:1;padding:var(--space-3) var(--space-4);border:none;background:transparent;font-family:var(--font-body);font-size:var(--text-base);font-weight:600;color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);position:relative}.auth-tab:hover{color:var(--color-navy);background:#1a274408}.auth-tab--active{color:var(--color-navy)}.auth-tab--active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-navy)}.auth-form{padding:var(--space-6)}.auth-form__group{margin-bottom:var(--space-4)}.auth-form__label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.auth-form__input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-cream);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.auth-form__input:focus{outline:none;border-color:var(--color-navy);box-shadow:0 0 0 3px #1a27441a}.auth-form__input::placeholder{color:var(--color-text-muted)}.auth-form__error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid rgba(155,44,44,.2)}.auth-form__success{background:var(--color-success-bg);color:var(--color-success);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid rgba(46,90,58,.2)}.auth-form__submit{width:100%;justify-content:center;margin-top:var(--space-2)}.auth-form__info{text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4);margin-bottom:0}.auth-link{background:none;border:none;color:var(--color-navy);font-weight:600;cursor:pointer;font-size:var(--text-sm);font-family:var(--font-body);padding:0;text-decoration:underline;text-underline-offset:2px}.auth-link:hover{color:var(--color-navy-light)}.user-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-6);background:var(--color-white);border-bottom:1px solid var(--color-border-light)}.user-bar__info{display:flex;align-items:center;gap:var(--space-3)}.user-bar__email{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.user-bar__premium-badge{background:linear-gradient(135deg,var(--color-gold),var(--color-gold-light));color:var(--color-navy);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.5px}.user-bar__admin-badge{background:var(--color-navy);color:var(--color-white);font-size:11px;font-weight:600;padding:2px 8px;border-radius:var(--radius-sm)}.user-bar__actions{display:flex;align-items:center;gap:var(--space-3)}.user-bar__usage{display:flex;align-items:center;gap:var(--space-2)}.user-bar__usage-text{font-size:var(--text-xs);font-weight:600;color:var(--color-navy);white-space:nowrap;min-width:48px;text-align:right}.user-bar__usage-bar{width:80px;height:6px;background:var(--color-cream-dark);border-radius:3px;overflow:hidden}.user-bar__usage-fill{height:100%;background:var(--color-navy);border-radius:3px;transition:width .3s ease}.user-bar__usage-fill--warn{background:var(--color-burgundy)}.user-bar__btn{font-size:var(--text-xs);padding:4px 12px}.user-bar__admin-btn{font-size:var(--text-sm);padding:5px 14px;font-weight:700;position:relative;overflow:hidden}.user-bar__admin-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;border:2px solid transparent;animation:adminPulse 2s ease-in-out infinite}@keyframes adminPulse{0%,to{border-color:transparent;box-shadow:0 0 #19295866}50%{border-color:#1929584d;box-shadow:0 0 0 6px #19295800}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:modalSlideIn .25s ease}@keyframes modalSlideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal__title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--color-navy);margin:0}.modal__close{width:32px;height:32px;border:none;background:var(--color-cream);border-radius:var(--radius-md);cursor:pointer;font-size:16px;color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.modal__close:hover{background:var(--color-cream-dark);color:var(--color-text)}.modal__body{padding:var(--space-5) var(--space-6)}.premium-status{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--color-success-bg);border-radius:var(--radius-lg);border:1px solid rgba(46,90,58,.2)}.premium-status--pending{background:var(--color-warning-bg);border-color:#8a6d1433}.premium-status--rejected{background:var(--color-error-bg);border-color:#9b2c2c33}.premium-status__icon{font-size:28px;flex-shrink:0}.premium-status__text{font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-relaxed)}.premium-status__text strong{display:block;margin-bottom:var(--space-1);font-size:var(--text-base)}.premium-status__text p{margin:var(--space-1) 0 0;color:var(--color-text-secondary)}.premium-status__detail{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)!important}.premium-status__days{font-weight:600;color:var(--color-navy);margin-top:var(--space-1)!important}.premium-status__days--soon{color:#d97706}.premium-status__days--urgent{color:#dc2626;animation:pulse-warn 1.5s ease-in-out infinite}@keyframes pulse-warn{0%,to{opacity:1}50%{opacity:.6}}.premium-payment{margin-top:var(--space-4)}.premium-payment__info{text-align:center;margin-bottom:var(--space-4)}.premium-payment__price{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:700;color:var(--color-navy)}.premium-payment__duration{font-size:var(--text-sm);color:var(--color-text-muted)}.premium-payment__features{background:var(--color-cream);padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);font-size:var(--text-sm);line-height:2;color:var(--color-text-secondary)}.premium-payment__iban{background:var(--color-cream-dark);padding:var(--space-4);border-radius:var(--radius-md);text-align:center;border:1px solid var(--color-border)}.premium-payment__iban-label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-1)}.premium-payment__iban-number{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:600;color:var(--color-navy);letter-spacing:1px}.premium-payment__iban-desc{font-size:var(--text-xs);color:var(--color-text-secondary);margin-top:var(--space-1)}.premium-payment__iban-holder{font-size:var(--text-sm);font-weight:600;color:#374151;margin-top:var(--space-1)}.premium-payment__note{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;margin-top:var(--space-4);margin-bottom:0;line-height:var(--leading-normal)}.admin-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000008}.admin-tabs{display:flex;background:#fafafa;border-bottom:1px solid #e5e7eb;padding:4px 8px;gap:2px}.admin-tab{padding:10px 20px;border:none;background:transparent;font-family:var(--font-body);font-size:13px;font-weight:500;color:#6b7280;cursor:pointer;border-radius:8px;transition:all .15s ease;letter-spacing:.1px}.admin-tab:hover{color:#111827;background:#f3f4f6}.admin-tab--active{color:#111827;background:#fff;font-weight:600;box-shadow:0 1px 2px #0000000a}.admin-panel__content{padding:28px 32px}.admin-dashboard{display:flex;flex-direction:column;gap:24px}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.admin-stat-card{background:#fff;padding:20px;border-radius:10px;border:1px solid #f0f0f0;transition:box-shadow .2s ease}.admin-stat-card:hover{box-shadow:0 2px 8px #0000000f}.admin-stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:18px;margin-bottom:12px;background:#f5f5ff}.admin-stat-card__value{font-size:28px;font-weight:700;color:#111827;line-height:1;margin-bottom:4px}.admin-stat-card__label{font-size:12px;font-weight:500;color:#9ca3af;text-transform:uppercase;letter-spacing:.4px}.admin-chart-card{background:#fff;border:1px solid #f0f0f0;border-radius:10px;padding:24px}.admin-chart-card__title{font-size:15px;font-weight:600;color:#111827;margin:0 0 20px}.admin-chart{overflow-x:auto}.admin-chart svg text{font-family:var(--font-body)}.admin-chart-empty{text-align:center;color:#9ca3af;font-size:13px;padding:40px}.admin-top-users{display:flex;flex-direction:column;gap:8px}.admin-top-user{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#fafafa;border-radius:8px;border:1px solid transparent;transition:all .15s ease}.admin-top-user:hover{border-color:#e5e7eb;background:#fff}.admin-top-user__rank{font-weight:700;font-size:13px;color:#6366f1;min-width:28px}.admin-top-user__email{font-size:13px;color:#111827;flex:0 0 180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-top-user__bar-wrap{flex:1;height:6px;background:#f3f4f6;border-radius:3px;overflow:hidden}.admin-top-user__bar{height:100%;background:linear-gradient(90deg,#6366f1,#818cf8);border-radius:3px;transition:width .6s cubic-bezier(.22,.61,.36,1)}.admin-top-user__count{font-size:13px;font-weight:600;color:#6366f1;min-width:32px;text-align:right}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:10px 14px;font-weight:600;color:#6b7280;border-bottom:1px solid #e5e7eb;font-size:11px;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;background:#fafafa}.admin-table td{padding:10px 14px;border-bottom:1px solid #f3f4f6;color:#374151}.admin-table tbody tr:hover{background:#f9fafb}.admin-table tbody tr:last-child td{border-bottom:none}.admin-badge{display:inline-block;padding:2px 10px;border-radius:6px;font-size:11px;font-weight:600;letter-spacing:.2px;background:#f3f4f6;color:#6b7280}.admin-badge--premium{background:#eef2ff;color:#4f46e5}.admin-badge--pending{background:#fff7ed;color:#ea580c}.admin-badge--verified{background:#f0fdf4;color:#16a34a}.admin-badge--rejected{background:#fef2f2;color:#dc2626}.admin-actions{display:flex;gap:6px}.btn--sm{padding:5px 14px;font-size:11px;font-weight:600;border-radius:6px;letter-spacing:.2px}.admin-panel .btn--primary{background:#4f46e5;border:1px solid #4f46e5;color:#fff}.admin-panel .btn--primary:hover{background:#4338ca;border-color:#4338ca}.admin-panel .btn--secondary{background:#fff;border:1px solid #d1d5db;color:#374151}.admin-panel .btn--secondary:hover{background:#f9fafb;border-color:#9ca3af}.admin-panel .btn--danger{background:#fff;border:1px solid #fecaca;color:#dc2626}.admin-panel .btn--danger:hover{background:#fef2f2;border-color:#f87171}.admin-panel .error-card{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;padding:12px 16px}.admin-panel .auth-form__error{background:#fef2f2;color:#dc2626;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:12px;border:1px solid #fecaca}.admin-panel .auth-form__success{background:#f0fdf4;color:#16a34a;border-radius:6px;padding:10px 14px;font-size:13px;margin-bottom:12px;border:1px solid #bbf7d0}.admin-panel .loading-skeleton{background:#fafafa;border-radius:8px}.admin-panel .loading-skeleton__text{color:#9ca3af}@media(max-width:768px){.admin-tabs{flex-direction:column}.admin-tab{text-align:left;padding:10px 16px}.admin-panel__content{padding:20px 16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr)}.admin-top-user__email{flex:0 0 100px}}.admin-search-bar{width:100%;padding:12px 16px;border:1px solid #d1d5db;border-radius:10px;font-size:14px;color:#374151;background:#fff;margin-bottom:16px;transition:border-color .2s,box-shadow .2s;outline:none;box-sizing:border-box}.admin-search-bar::placeholder{color:#9ca3af}.admin-search-bar:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.admin-user-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.admin-user-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:14px;transition:box-shadow .2s,border-color .2s}.admin-user-card:hover{box-shadow:0 4px 16px #0000000f;border-color:#d1d5db}.admin-user-card--banned{opacity:.6;border-color:#fecaca;background:#fffbfb}.admin-user-card__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-user-card__email{font-weight:600;font-size:15px;color:#1f2937;word-break:break-word;flex:1;min-width:0}.admin-user-card__id{font-size:11px;color:#9ca3af;background:#f3f4f6;border-radius:6px;padding:2px 8px;font-weight:600;flex-shrink:0}.admin-user-card__badges{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.admin-user-card__badges .admin-badge{font-size:11px}.admin-user-card__info{display:grid;grid-template-columns:1fr 1fr;gap:10px 12px}.admin-user-card__info-item{display:flex;flex-direction:column;gap:2px}.admin-user-card__info-label{font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:#9ca3af;font-weight:600}.admin-user-card__info-value{font-size:13px;color:#374151;font-weight:500}.admin-user-card__actions{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid #f3f4f6}.admin-user-card__actions .btn--sm{font-size:11px;padding:5px 12px}.admin-user-card__admin-star{font-size:16px;line-height:1;flex-shrink:0}@media(max-width:500px){.admin-user-grid{grid-template-columns:1fr}}.admin-settings{max-width:560px}.admin-settings__title{font-family:var(--font-heading);font-size:18px;font-weight:700;color:var(--color-navy);margin:0 0 6px}.admin-settings__desc{font-size:13px;color:var(--color-text-muted);margin:0 0 20px;line-height:1.5}.admin-settings__form{display:flex;flex-direction:column;gap:16px;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px}.admin-settings__field{display:flex;flex-direction:column;gap:6px}.admin-settings__label{font-size:13px;font-weight:600;color:#374151}.admin-settings__input{padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#1f2937;background:#fff;transition:border-color .2s,box-shadow .2s;outline:none;font-family:var(--font-mono, "Courier New", monospace)}.admin-settings__input:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.admin-settings__input::placeholder{color:#9ca3af}.landing{min-height:100vh;background:var(--color-cream)}.landing-header{background:#fff;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-header__inner{max-width:1100px;margin:0 auto;padding:12px var(--space-5);display:flex;align-items:center;justify-content:space-between}.landing-header__brand{display:flex;align-items:center;gap:var(--space-2)}.landing-header__icon{font-size:24px}.landing-header__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;color:var(--color-navy)}.landing-header__nav{display:flex;gap:var(--space-2)}.landing-hero{background:linear-gradient(135deg,var(--color-navy) 0%,#1a2744 40%,#243356 100%);padding:80px var(--space-5) 90px;text-align:center;color:#fff}.landing-hero__inner{max-width:720px;margin:0 auto}.landing-hero__title{font-family:var(--font-heading);font-size:2.8rem;font-weight:800;line-height:1.2;margin:0 0 var(--space-4);letter-spacing:-.5px;color:#fff}.landing-hero__subtitle{font-size:var(--text-lg);color:#ffffffd9;line-height:1.6;margin:0 0 var(--space-6)}.landing-hero__actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.landing-hero__cta{background:var(--color-gold)!important;color:var(--color-navy)!important;font-weight:700;border:none!important;box-shadow:0 4px 14px #b8944c66}.landing-hero__cta:hover{background:#c9a55a!important;transform:translateY(-1px);box-shadow:0 6px 20px #b8944c80}.landing-hero .btn--secondary{background:#ffffff1f!important;color:#fff!important;border:1px solid rgba(255,255,255,.25)!important}.landing-hero .btn--secondary:hover{background:#fff3!important}.landing-hero__hint{margin-top:var(--space-4);font-size:var(--text-sm);color:#ffffff8c}.landing-section{padding:80px var(--space-5)}.landing-section__inner{max-width:1100px;margin:0 auto}.landing-section__title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-navy);text-align:center;margin:0 0 var(--space-2)}.landing-section__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);text-align:center;margin:0 0 var(--space-7)}.landing-steps-section{background:#fff}.landing-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.landing-step-card{text-align:center;padding:var(--space-6) var(--space-4);background:var(--color-cream);border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:transform .2s,box-shadow .2s}.landing-step-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.landing-step-card__icon{font-size:40px;margin-bottom:var(--space-3);display:block}.landing-step-card__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;color:var(--color-navy);margin:0 0 var(--space-2)}.landing-step-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.landing-benefits-section{background:var(--color-cream)}.landing-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.landing-benefit-card{background:#fff;padding:var(--space-6) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);text-align:left;transition:transform .2s,box-shadow .2s}.landing-benefit-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.landing-benefit-card__icon{font-size:36px;margin-bottom:var(--space-3);display:block}.landing-benefit-card__title{font-family:var(--font-heading);font-size:var(--text-md);font-weight:700;color:var(--color-navy);margin:0 0 var(--space-2)}.landing-benefit-card__desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;margin:0}.landing-pricing-section{background:#fff;border-top:1px solid var(--color-border)}.landing-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:1050px;margin:0 auto}.landing-pricing-card{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-7) var(--space-6);display:flex;flex-direction:column;position:relative;transition:transform .2s,box-shadow .2s}.landing-pricing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.landing-pricing-card--featured{background:#fff;border-color:var(--color-gold);border-width:2px;box-shadow:0 4px 20px #b8944c26}.landing-pricing-card--unlimited{background:#fff;border-color:var(--color-burgundy);border-width:2px;box-shadow:0 4px 20px #7b2d3b1f}.landing-pricing-card--unlimited .landing-pricing-card__header{border-bottom-color:var(--color-burgundy)}.landing-pricing-card--unlimited .landing-pricing-card__amount{color:var(--color-burgundy)}.landing-pricing-card__badge--unlimited{background:var(--color-burgundy);color:var(--color-white)}.landing-pricing-card__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--color-gold);color:var(--color-navy);font-size:var(--text-xs);font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap}.landing-pricing-card__header{text-align:center;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.landing-pricing-card--featured .landing-pricing-card__header{border-bottom-color:var(--color-gold)}.landing-pricing-card__name{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--color-navy);margin:0 0 var(--space-2)}.landing-pricing-card__price{display:flex;align-items:baseline;justify-content:center;gap:2px}.landing-pricing-card__amount{font-size:2.2rem;font-weight:800;color:var(--color-navy);line-height:1}.landing-pricing-card--featured .landing-pricing-card__amount{color:var(--color-burgundy)}.landing-pricing-card__period{font-size:var(--text-sm);color:var(--color-text-muted)}.landing-pricing-card__features{list-style:none;padding:0;margin:0 0 var(--space-6);flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.landing-pricing-card__features li{font-size:var(--text-sm);color:var(--color-text);line-height:1.5;padding-left:0}.landing-pricing-card__btn{width:100%;justify-content:center;margin-top:auto}.landing-trial-section{background:#fff;border-top:1px solid var(--color-border)}.landing-trial__loading{text-align:center;padding:var(--space-8);color:var(--color-text-muted)}.landing-trial__input{max-width:720px;margin:0 auto}.landing-trial__result{max-width:720px;margin:var(--space-6) auto 0}.landing-trial__banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,#eef2ff,#faf5ff);border:1px solid #c7d2fe;border-radius:var(--radius-lg);margin-top:var(--space-5)}.landing-trial__banner-icon{font-size:28px;flex-shrink:0}.landing-trial__banner-text{flex:1;font-size:var(--text-sm);color:var(--color-navy)}.landing-trial__banner-text strong{color:#4f46e5}.landing-trial__used{text-align:center;padding:var(--space-8) var(--space-5);max-width:560px;margin:0 auto}.landing-trial__used-icon{font-size:48px;margin-bottom:var(--space-3)}.landing-trial__used-title{font-family:var(--font-heading);font-size:1.4rem;font-weight:700;color:var(--color-navy);margin:0 0 var(--space-3)}.landing-trial__used-desc{font-size:var(--text-md);color:var(--color-text-muted);line-height:1.6;margin:0 0 var(--space-5)}.landing-trial__used-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.landing-footer{background:var(--color-navy);color:#ffffffb3;padding:40px var(--space-5);text-align:center}.landing-footer__inner{max-width:720px;margin:0 auto}.landing-footer__brand{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-heading);font-size:var(--text-md);font-weight:600;color:#fff;margin-bottom:var(--space-2)}.landing-footer__text{font-size:var(--text-xs);margin:0 0 var(--space-3)}.landing-footer__links{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.landing-footer__sep{color:#ffffff4d}.landing-footer .auth-link{color:#ffffffb3;font-size:var(--text-sm)}.landing-footer .auth-link:hover{color:#fff}.modal--auth{max-width:420px;padding:0;overflow:visible}.modal--auth .auth-card{box-shadow:none;margin:0}.auth-card__back{position:absolute;top:12px;left:12px;background:none;border:none;color:var(--color-text-muted);font-size:var(--text-sm);cursor:pointer;padding:4px 8px;border-radius:var(--radius-sm)}.auth-card__back:hover{color:var(--color-navy);background:var(--color-cream)}@media(max-width:900px){.landing-steps{grid-template-columns:1fr;gap:var(--space-4)}.landing-benefits{grid-template-columns:repeat(2,1fr)}.landing-hero__title{font-size:2rem}.landing-hero{padding:50px var(--space-5) 60px}.landing-section{padding:50px var(--space-5)}.landing-pricing{grid-template-columns:repeat(2,1fr);max-width:700px;gap:var(--space-4)}.landing-pricing-card:nth-child(3){grid-column:1 / -1;max-width:380px;justify-self:center;width:100%}}@media(max-width:500px){.landing-benefits{grid-template-columns:1fr}.landing-pricing{grid-template-columns:1fr;max-width:380px}.landing-pricing-card:nth-child(3){max-width:100%}.landing-hero__title{font-size:1.6rem}.landing-hero__subtitle{font-size:var(--text-md)}.landing-hero__actions{flex-direction:column;align-items:center}.landing-header__title{font-size:var(--text-sm)}.landing-section__title{font-size:1.5rem}}.file-upload{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.file-upload__header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.file-upload__icon{font-size:18px}.file-upload__title{font-size:var(--text-sm);font-weight:600;color:var(--color-navy)}.file-upload__dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-md);padding:var(--space-5);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-white)}.file-upload__dropzone:hover{border-color:var(--color-navy);background:#1a274408}.file-upload__dropzone-icon{font-size:32px;display:block;margin-bottom:var(--space-2)}.file-upload__dropzone-text{font-size:var(--text-sm);color:var(--color-text-secondary);display:block;margin-bottom:var(--space-1)}.file-upload__dropzone-hint{font-size:var(--text-xs);color:var(--color-text-muted)}.file-upload__selected{display:flex;flex-direction:column;gap:var(--space-3)}.file-upload__file-info{display:flex;align-items:center;gap:var(--space-3);background:var(--color-white);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border-light)}.file-upload__file-icon{font-size:24px}.file-upload__file-name{font-size:var(--text-sm);font-weight:600;color:var(--color-navy)}.file-upload__file-size{font-size:var(--text-xs);color:var(--color-text-muted)}.file-upload__extract-btn{align-self:flex-start}.file-upload__result{display:flex;flex-direction:column;gap:var(--space-3)}.file-upload__result-info{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);flex-wrap:wrap}.file-upload__truncated{color:var(--color-warning);font-weight:600}.file-upload__preview{width:100%;min-height:120px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text);background:var(--color-white);resize:vertical}.file-upload__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.file-upload__error{background:var(--color-error-bg);color:var(--color-error);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);margin-top:var(--space-3)}.user-bar__unlimited-badge{background:linear-gradient(135deg,var(--color-burgundy),var(--color-burgundy-light));color:var(--color-white);font-size:11px;font-weight:700;padding:2px 8px;border-radius:var(--radius-sm);letter-spacing:.5px}.user-bar__unlimited-indicator{font-size:20px;color:var(--color-burgundy);opacity:.8}.api-key-display{background:var(--color-cream);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);margin-bottom:var(--space-5)}.api-key-display__label{font-size:var(--text-xs);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.api-key-display__key{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-3);overflow-x:auto}.api-key-display__key code{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-navy);word-break:break-all}.api-key-display__actions{display:flex;gap:var(--space-2)}.api-key-usage{margin-bottom:var(--space-3)}.api-key-usage__title{font-family:var(--font-heading);font-size:var(--text-base);font-weight:700;color:var(--color-navy);margin:0 0 var(--space-3)}.api-key-usage__desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-3)}.api-key-usage__desc code{background:var(--color-cream-dark);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:var(--text-xs)}.api-key-usage__code{background:var(--color-navy);color:#e2e8f0;padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;overflow-x:auto;white-space:pre-wrap;margin:0 0 var(--space-4)}.api-key-usage__params{margin-bottom:var(--space-3)}.api-key-usage__params h4{font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;color:var(--color-navy);margin:0 0 var(--space-2)}.api-key-usage__params ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.api-key-usage__params li{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.api-key-usage__params li code{background:var(--color-cream-dark);padding:1px 5px;border-radius:3px;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-burgundy)}.api-key-usage__note{font-size:var(--text-xs);color:var(--color-warning);background:var(--color-warning-bg);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid rgba(138,109,20,.2)}.plan-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);background:var(--color-cream-dark);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.plan-selector__btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.plan-selector__btn:hover:not(.plan-selector__btn--active){background:#1a27440a}.plan-selector__btn--active{background:var(--color-navy);box-shadow:var(--shadow-sm)}.plan-selector__btn--active .plan-selector__name,.plan-selector__btn--active .plan-selector__price{color:var(--color-white)}.plan-selector__name{font-size:var(--text-sm);font-weight:600;color:var(--color-navy);line-height:1.2}.plan-selector__price{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.2;font-weight:500}