.header{position:sticky;top:0;z-index:50;background-color:var(--color-clean-white);border-bottom:1px solid var(--color-border)}.header--landing{background-color:transparent;border-bottom:none;position:absolute;width:100%}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header__logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-deep-navy);text-decoration:none}.header__logo-img{width:32px;height:32px;object-fit:contain}.header__logo svg{color:var(--color-gentle-teal)}.header--landing .header__logo{color:var(--color-clean-white)}.header--landing .header__nav a{color:#fffc}.header--landing .header__nav a:hover{color:var(--color-clean-white)}.header--landing .header__link{color:#fffc}.header--landing .header__link:hover{color:var(--color-clean-white)}.header__nav{display:flex;align-items:center;gap:var(--space-8)}.header__nav a{color:var(--color-text-secondary);font-weight:var(--font-medium);transition:color var(--transition-fast)}.header__nav a:hover{color:var(--color-text-primary)}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.header__link{color:var(--color-text-secondary);font-weight:var(--font-medium)}.header__mobile-toggle{display:none;background:none;border:none;padding:var(--space-2);color:var(--color-text-primary)}@media(max-width:768px){.header__nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--color-clean-white);flex-direction:column;padding:var(--space-4);gap:var(--space-4);border-bottom:1px solid var(--color-border)}.header__nav--open{display:flex}.header__actions{display:none}.header__mobile-toggle{display:block}}.app-header{height:64px;background-color:var(--color-clean-white);border-bottom:1px solid var(--color-border);padding:0 var(--space-6)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1400px;margin:0 auto}.app-header__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-deep-navy);text-decoration:none}.app-header__logo svg{color:var(--color-gentle-teal)}.app-header__actions{display:flex;align-items:center;gap:var(--space-4)}.app-header__user{font-size:var(--text-sm);color:var(--color-text-secondary)}.app-header__logout{background:none;border:none;padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.app-header__logout:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.sidebar{width:240px;background-color:var(--color-clean-white);border-right:1px solid var(--color-border);padding:var(--space-4)}.sidebar__nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none}.sidebar__link:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.sidebar__link--active{background-color:var(--color-gentle-teal-light);color:var(--color-gentle-teal)}.sidebar__link--highlight{background-color:var(--color-warning-bg);color:var(--color-warning)}.sidebar__link--highlight:hover{background-color:var(--color-warning-bg)}.footer{background-color:var(--color-deep-navy);color:var(--color-clean-white);padding:var(--space-16) 0 var(--space-8)}.footer__inner{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-clean-white);text-decoration:none;margin-bottom:var(--space-4)}.footer__logo svg{color:var(--color-gentle-teal)}.footer__tagline{color:var(--color-calm-slate);font-style:italic;margin:0}.footer__links{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.footer__column h4{font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4);color:var(--color-clean-white)}.footer__column a{display:block;color:var(--color-calm-slate);padding:var(--space-2) 0;transition:color var(--transition-fast)}.footer__column a:hover{color:var(--color-clean-white)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-8);border-top:1px solid var(--color-calm-slate)}.footer__bottom p{color:var(--color-calm-slate);font-size:var(--text-sm);margin:0}.footer__badges{display:flex;gap:var(--space-6);font-size:var(--text-sm);color:var(--color-calm-slate)}@media(max-width:768px){.footer__inner{grid-template-columns:1fr;gap:var(--space-8)}.footer__links{grid-template-columns:1fr 1fr}.footer__bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer__badges{flex-wrap:wrap;justify-content:center}}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-shell__body{flex:1;display:flex}.app-shell__main{flex:1;padding:var(--space-8);background-color:var(--color-warm-cream);overflow-y:auto}@media(max-width:768px){.sidebar{display:none}.app-shell__main{padding:var(--space-4)}}.landing-layout{min-height:100vh;display:flex;flex-direction:column}.landing-layout__main{flex:1}.auth-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-warm-cream)}.auth-layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.auth-layout__container{width:100%;max-width:440px}.onboarding-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-warm-cream)}.onboarding-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);background-color:var(--color-clean-white);border-bottom:1px solid var(--color-border)}.onboarding-header__logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-deep-navy);text-decoration:none}.onboarding-header__logo svg{color:var(--color-gentle-teal)}.onboarding-header__progress{font-size:var(--text-sm);color:var(--color-text-muted)}.onboarding-layout__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-8)}.hero{background:linear-gradient(135deg,var(--color-deep-navy) 0%,var(--color-calm-slate) 100%);padding:var(--space-24) 0 var(--space-20);min-height:90vh;display:flex;align-items:center}.hero .container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.hero__content{color:var(--color-clean-white)}.hero__title{font-size:var(--text-5xl);font-weight:var(--font-bold);line-height:1.1;margin-bottom:var(--space-6);color:var(--color-clean-white)}.hero__title-accent{color:var(--color-soft-sage)}.hero__subtitle{font-size:var(--text-xl);line-height:1.6;color:#ffffffd9;margin-bottom:var(--space-8);max-width:540px}.hero__actions{margin-bottom:var(--space-4)}.hero__reassurance{font-size:var(--text-sm);color:#fff9;font-style:italic}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__illustration{position:relative}.hero__shield{color:var(--color-soft-sage);position:relative}.hero__shield-pulse{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border:2px solid var(--color-soft-sage);border-radius:50%;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}@media(max-width:768px){.hero{padding:var(--space-24) 0 var(--space-12);min-height:auto}.hero .container{grid-template-columns:1fr;text-align:center}.hero__title{font-size:var(--text-3xl)}.hero__subtitle{font-size:var(--text-lg);margin:0 auto var(--space-8)}.hero__visual{display:none}}section{padding:var(--space-20) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.section-header h2{margin-bottom:var(--space-4)}.section-subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin:0}.problem{background-color:var(--color-clean-white)}.problem__scenarios{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-10)}.scenario{text-align:center}.scenario__icon{width:64px;height:64px;background-color:var(--color-gentle-teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-gentle-teal)}.scenario__title{font-size:var(--text-lg);margin-bottom:var(--space-3)}.scenario__text{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7}.problem__truth{max-width:700px;margin:0 auto}@media(max-width:768px){.problem__scenarios{grid-template-columns:1fr}}.how-it-works{background-color:var(--color-warm-cream)}.steps{max-width:700px;margin:0 auto var(--space-12)}.step{display:flex;gap:var(--space-6);margin-bottom:var(--space-8);position:relative}.step:not(:last-child):after{content:"";position:absolute;left:20px;top:48px;bottom:-32px;width:2px;background-color:var(--color-border)}.step__number{width:40px;height:40px;background-color:var(--color-gentle-teal);color:var(--color-clean-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0;position:relative;z-index:1}.step__content h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.step__content p{color:var(--color-text-secondary);margin-bottom:var(--space-3)}.step__note{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-gentle-teal);font-weight:var(--font-medium)}.flow-diagram{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--space-2);background-color:var(--color-clean-white);padding:var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm)}.flow-diagram__step{background-color:var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-medium)}.flow-diagram__step--success{background-color:var(--color-success-bg);color:var(--color-success)}.flow-diagram__step--recovery{background-color:var(--color-success);color:var(--color-clean-white);padding:var(--space-3) var(--space-6);font-size:var(--text-base);display:flex;align-items:center;gap:var(--space-3);box-shadow:0 4px 12px #4caf504d}.flow-recovery__icon{width:24px;height:24px;background-color:#ffffff40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold)}.flow-recovery__text strong{color:var(--color-clean-white);font-weight:var(--font-bold)}.flow-diagram__arrow{color:var(--color-text-muted)}.flow-diagram__break{flex-basis:100%;height:var(--space-2)}.problem__normalizing{text-align:center;font-size:var(--text-lg);color:var(--color-text-secondary);font-style:italic;margin:var(--space-8) auto;max-width:600px}@media(max-width:768px){.steps{padding:0 var(--space-4)}.step__content p{font-size:var(--text-sm);line-height:1.6}.flow-diagram{font-size:var(--text-xs);gap:var(--space-1);padding:var(--space-4)}.flow-diagram__step{padding:var(--space-1) var(--space-2)}.flow-diagram__step--recovery{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.faq-item__answer{padding-left:0;font-size:var(--text-sm);line-height:1.6}.final-cta__text{font-size:var(--text-base);line-height:1.7}}.features{background-color:var(--color-clean-white)}.features__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.feature-group{padding:var(--space-8)}.feature-group__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--color-gentle-teal)}.feature-group__header h3{margin:0;color:var(--color-text-primary)}.feature-list{list-style:none;padding:0;margin:0}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light)}.feature-list li:last-child{border-bottom:none}.feature-list li svg{color:var(--color-success);flex-shrink:0;margin-top:2px}.feature-list li span{font-size:var(--text-sm);color:var(--color-text-secondary)}.feature-list li strong{color:var(--color-text-primary)}@media(max-width:768px){.features__grid{grid-template-columns:1fr}}.security{background-color:var(--color-deep-navy);color:var(--color-clean-white)}.security .section-header h2,.security .section-header p{color:var(--color-clean-white)}.security .section-subtitle{color:#ffffffb3}.security__grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:start}.security__explanation h3{color:var(--color-soft-gold);margin-bottom:var(--space-3);margin-top:var(--space-6)}.security__explanation h3:first-child{margin-top:0}.security__explanation p{color:#fffc;line-height:1.7}.security__cannot{background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.security__cannot h3{color:var(--color-clean-white);margin-bottom:var(--space-4)}.cannot-list{list-style:none;padding:0;margin:0}.cannot-list li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;color:#fffc;font-size:var(--text-sm);border-bottom:1px solid rgba(255,255,255,.1)}.cannot-list li:last-child{border-bottom:none}.cannot-list li svg{color:var(--color-caution);flex-shrink:0}@media(max-width:768px){.security__grid{grid-template-columns:1fr}}.faq{background-color:var(--color-warm-cream)}.faq__list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{padding:var(--space-6)}.faq-item__question{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);font-size:var(--text-lg)}.faq-item__question svg{color:var(--color-gentle-teal);flex-shrink:0}.faq-item__answer{color:var(--color-text-secondary);padding-left:var(--space-8)}.faq-item__answer p{margin-bottom:var(--space-3)}.faq-item__answer ol,.faq-item__answer ul{margin:0;padding-left:var(--space-6)}.faq-item__answer li{margin-bottom:var(--space-2)}.final-cta{background:linear-gradient(135deg,var(--color-calm-slate) 0%,var(--color-deep-navy) 100%);color:var(--color-clean-white);text-align:center;padding:var(--space-20) 0}.final-cta h2{color:var(--color-clean-white);margin-bottom:var(--space-8)}.final-cta__text{font-size:var(--text-lg);color:#ffffffd9;line-height:1.8;margin-bottom:var(--space-8)}.final-cta__sub{font-size:var(--text-sm);color:#fff9;margin-top:var(--space-4);margin-bottom:var(--space-8)}.final-cta__badges{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-4);font-size:var(--text-sm);color:#ffffffb3}.final-tagline{background-color:var(--color-deep-navy);text-align:center;padding:var(--space-8) 0}.final-tagline p{color:var(--color-soft-gold);font-size:var(--text-lg);margin:0}.auth-card{padding:var(--space-8)}.auth-card--wide{max-width:580px}.auth-card__header{text-align:center;margin-bottom:var(--space-6)}.auth-card__header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-card__header p{color:var(--color-text-secondary);margin:0}.auth-card__icon{width:64px;height:64px;background-color:var(--color-gentle-teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-gentle-teal)}.auth-card__footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.auth-card__footer p{color:var(--color-text-muted);margin:0}.auth-form{margin-top:var(--space-6)}.auth-form__forgot{text-align:right;margin-bottom:var(--space-4);margin-top:calc(var(--space-4) * -1)}.auth-form__forgot a{font-size:var(--text-sm);color:var(--color-text-muted)}.auth-alert{margin-bottom:var(--space-6)}.google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-weight:var(--font-medium)}.google-btn svg{flex-shrink:0}.auth-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-5) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.auth-divider span{color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.password-strength{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.password-strength__bar{flex:1;height:4px;background-color:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.password-strength__fill{height:100%;transition:width var(--transition-base),background-color var(--transition-base)}.password-strength span{font-size:var(--text-xs);font-weight:var(--font-medium)}.recovery-key{background-color:var(--color-warm-cream);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.recovery-key__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-bottom:var(--space-4)}.recovery-key__word{display:flex;align-items:center;gap:var(--space-2);background-color:var(--color-clean-white);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border)}.recovery-key__number{font-size:var(--text-xs);color:var(--color-text-muted);min-width:18px}.recovery-key__text{font-family:monospace;font-size:var(--text-sm);font-weight:var(--font-medium)}.recovery-key__actions{display:flex;gap:var(--space-3);justify-content:center}.recovery-key__confirm{margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-warning-bg);border-radius:var(--radius-md)}@media(max-width:640px){.recovery-key__grid{grid-template-columns:repeat(2,1fr)}.recovery-key__actions{flex-direction:column}}.onboarding-step{width:100%;max-width:580px;margin:0 auto}.onboarding-card{padding:var(--space-8)}.onboarding-card--wide{max-width:640px}.onboarding-card__header{text-align:center;margin-bottom:var(--space-6)}.onboarding-card__header h1{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.onboarding-card__header p{color:var(--color-text-secondary);margin:0}.onboarding-card__icon{width:72px;height:72px;background-color:var(--color-gentle-teal-light);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);color:var(--color-gentle-teal)}.onboarding-card__icon--success{background-color:var(--color-success-bg);color:var(--color-success)}.intro-steps{margin:var(--space-8) 0}.intro-step{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background-color:var(--color-warm-cream);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.intro-step__icon{width:48px;height:48px;background-color:var(--color-clean-white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gentle-teal);flex-shrink:0}.intro-step__content h3{font-size:var(--text-base);margin-bottom:var(--space-1)}.intro-step__content p{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.intro-note{text-align:center;color:var(--color-text-muted);margin:var(--space-6) 0}.option-list{margin:var(--space-6) 0}.option-item{padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast);position:relative}.option-item:hover,.option-item--selected{border-color:var(--color-gentle-teal);background-color:var(--color-gentle-teal-light)}.option-item--recommended{border-color:var(--color-soft-gold)}.option-badge{position:absolute;top:-10px;right:12px;background-color:var(--color-soft-gold);color:var(--color-text-inverse);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.step-description{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.channel-list{margin:var(--space-6) 0}.channel-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-3);cursor:pointer;transition:all var(--transition-fast);position:relative}.channel-item:hover{border-color:var(--color-gentle-teal)}.channel-item--selected{border-color:var(--color-gentle-teal);background-color:var(--color-gentle-teal-light)}.channel-item--required{border-color:var(--color-text-muted);opacity:.8;cursor:default}.channel-item__icon{width:48px;height:48px;background-color:var(--color-warm-cream);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gentle-teal);flex-shrink:0}.channel-item__content{flex:1}.channel-badge{position:absolute;top:var(--space-3);right:var(--space-3);background-color:var(--color-border);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-medium);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.secret-type-selector{display:flex;gap:var(--space-3);margin:var(--space-6) 0}.secret-type-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-warm-cream);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);color:var(--color-text-secondary)}.secret-type-btn:hover{border-color:var(--color-gentle-teal)}.secret-type-btn--selected{border-color:var(--color-gentle-teal);background-color:var(--color-gentle-teal-light);color:var(--color-gentle-teal)}.secret-type-btn span{font-size:var(--text-sm);font-weight:var(--font-medium)}.setup-summary{background-color:var(--color-warm-cream);border-radius:var(--radius-lg);padding:var(--space-6);margin:var(--space-6) 0}.summary-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.summary-item:last-child{border-bottom:none}.summary-item__icon{width:40px;height:40px;background-color:var(--color-clean-white);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-gentle-teal)}.summary-item__content{flex:1;display:flex;justify-content:space-between;align-items:center}.summary-item__label{color:var(--color-text-secondary);font-size:var(--text-sm)}.summary-item__value{font-weight:var(--font-medium)}.complete-message{text-align:center;margin:var(--space-6) 0;color:var(--color-text-secondary)}.complete-message p:first-child{color:var(--color-text-primary);font-size:var(--text-lg)}.onboarding-form{margin:var(--space-6) 0}.onboarding-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.onboarding-actions--center{justify-content:center}.onboarding-actions__right{display:flex;gap:var(--space-3)}@media(max-width:640px){.secret-type-selector{flex-direction:column}.onboarding-actions{flex-direction:column;gap:var(--space-4)}.onboarding-actions__right{width:100%;flex-direction:column}}.dashboard{max-width:1200px;margin:0 auto}.dashboard__header{margin-bottom:var(--space-6)}.dashboard__header h1{font-size:var(--text-2xl)}.quick-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background-color:var(--color-clean-white);border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;border:1px solid var(--color-border-light)}.stat-card__value{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-gentle-teal);margin-bottom:var(--space-1)}.stat-card__label{font-size:var(--text-sm);color:var(--color-text-muted)}.capitalize{text-transform:capitalize}.dashboard__grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}.dashboard__main,.dashboard__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0}.section-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.view-all{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium)}.empty-prompt{text-align:center;padding:var(--space-8) var(--space-4)}.empty-prompt__icon{color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-3)}.empty-prompt p{color:var(--color-text-muted);margin-bottom:var(--space-4)}.contacts-preview{display:flex;flex-direction:column;gap:var(--space-3)}.contact-preview-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-warm-cream);border-radius:var(--radius-md)}.contact-preview-item__avatar{width:40px;height:40px;background-color:var(--color-gentle-teal);color:var(--color-clean-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold)}.contact-preview-item__info{flex:1;display:flex;flex-direction:column}.contact-preview-item__name{font-weight:var(--font-medium)}.contact-preview-item__email{font-size:var(--text-sm);color:var(--color-text-muted)}.secrets-preview{display:flex;flex-direction:column;gap:var(--space-3)}.secret-preview-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-warm-cream);border-radius:var(--radius-md)}.secret-preview-item__icon{width:40px;height:40px;background-color:var(--color-calm-slate);color:var(--color-clean-white);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.secret-preview-item__info{flex:1;display:flex;flex-direction:column}.secret-preview-item__title{font-weight:var(--font-medium)}.secret-preview-item__type{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:capitalize}.view-more{font-size:var(--text-sm);color:var(--color-gentle-teal);text-align:center;padding:var(--space-2)}.activity-list{display:flex;flex-direction:column;gap:var(--space-3)}.activity-item{display:flex;align-items:center;gap:var(--space-3)}.activity-item__dot{width:8px;height:8px;background-color:var(--color-gentle-teal);border-radius:50%;flex-shrink:0}.activity-item__content{flex:1;display:flex;justify-content:space-between;align-items:center}.activity-item__type{font-size:var(--text-sm);text-transform:capitalize}.activity-item__time{font-size:var(--text-xs);color:var(--color-text-muted)}.demo-controls{border:2px dashed var(--color-border);background-color:var(--color-warm-cream)}.demo-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2)}@media(max-width:1024px){.quick-stats{grid-template-columns:repeat(2,1fr)}.dashboard__grid{grid-template-columns:1fr}}@media(max-width:640px){.quick-stats{grid-template-columns:1fr}}.vault-page,.add-secret-page{max-width:1000px;margin:0 auto}.page-header{display:flex;flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-6)}.page-header h1{font-size:var(--text-2xl)}.page-header .btn{align-self:flex-start}@media(min-width:640px){.page-header{flex-direction:row;justify-content:space-between;align-items:center}}.page-subtitle{color:var(--color-text-muted);margin:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-weight:var(--font-medium);margin-bottom:var(--space-4)}.secrets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-4)}.secret-card{display:flex;flex-direction:column}.secret-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.secret-card__icon{width:48px;height:48px;background-color:var(--color-gentle-teal-light);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--color-gentle-teal)}.secret-card__title{font-size:var(--text-lg);margin-bottom:var(--space-2)}.secret-card__preview{font-size:var(--text-sm);color:var(--color-text-secondary);flex:1;margin-bottom:var(--space-4)}.secret-card__meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.secret-card__actions{display:flex;gap:var(--space-2)}.add-secret-form{display:flex;flex-direction:column;gap:var(--space-6)}.type-selector-card h3{margin-bottom:var(--space-4)}.type-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.type-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background-color:var(--color-warm-cream);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.type-btn:hover{border-color:var(--color-gentle-teal)}.type-btn--selected{border-color:var(--color-gentle-teal);background-color:var(--color-gentle-teal-light);color:var(--color-gentle-teal)}.type-btn__label{font-weight:var(--font-medium)}.type-btn__desc{font-size:var(--text-xs);color:var(--color-text-muted)}.type-btn--selected .type-btn__desc{color:var(--color-gentle-teal)}.recipient-list{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.recipient-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-warm-cream);border-radius:var(--radius-md);cursor:pointer}.recipient-item input{width:18px;height:18px;accent-color:var(--color-gentle-teal)}.recipient-item__name{font-weight:var(--font-medium)}.recipient-item__email{font-size:var(--text-sm);color:var(--color-text-muted);margin-left:auto}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}@media(max-width:640px){.type-selector{grid-template-columns:1fr}}.contacts-page,.add-contact-page{max-width:900px;margin:0 auto}.contacts-section{margin-bottom:var(--space-8)}.contacts-section__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-4);color:var(--color-text-secondary)}.contacts-section__note{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-4)}.contacts-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.contact-card__avatar{width:56px;height:56px;background-color:var(--color-warning-bg);color:var(--color-warning);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-bold);flex-shrink:0}.contact-card__avatar--verified{background-color:var(--color-success-bg);color:var(--color-success)}.contact-card__info{flex:1}.contact-card__name{font-size:var(--text-lg);margin-bottom:var(--space-1)}.contact-card__email{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.contact-card__relationship{font-size:var(--text-sm);color:var(--color-text-secondary);margin:var(--space-1) 0 0}.contact-card__status{flex-shrink:0}.contact-card__actions{display:flex;gap:var(--space-2);flex-shrink:0}.add-contact-form{max-width:500px}.add-contact-form form{margin-top:var(--space-6)}@media(max-width:768px){.contact-card{flex-wrap:wrap}.contact-card__status{order:2;margin-left:72px}.contact-card__actions{order:3;width:100%;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:flex-end}}.triggered-page,.audit-log-page{max-width:1000px;margin:0 auto}.status-alert{padding:var(--space-6);margin-bottom:var(--space-6);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:var(--space-4)}.status-alert__content{display:flex;align-items:flex-start;gap:var(--space-4)}.status-alert__content svg{flex-shrink:0}.status-alert__title{font-size:var(--text-xl);margin-bottom:var(--space-1)}.status-alert__message{margin:0;color:var(--color-text-secondary)}.triggered-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.triggered-grid>:first-child{grid-column:1 / -1}.timeline{display:flex;flex-direction:column}.timeline-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) 0;position:relative}.timeline-item:not(:last-child):after{content:"";position:absolute;left:15px;top:44px;bottom:-16px;width:2px;background-color:var(--color-border)}.timeline-item--complete:after{background-color:var(--color-success)}.timeline-item__dot{width:32px;height:32px;border-radius:50%;background-color:var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;z-index:1}.timeline-item--complete .timeline-item__dot{background-color:var(--color-success);color:var(--color-text-inverse)}.timeline-item--active .timeline-item__dot{background-color:var(--color-warning);color:var(--color-text-inverse);animation:pulse 2s ease-in-out infinite}.timeline-item__content{flex:1;display:flex;flex-direction:column}.timeline-item__label{font-weight:var(--font-medium)}.timeline-item__time{font-size:var(--text-sm);color:var(--color-text-muted)}.pending-list{display:flex;flex-direction:column;gap:var(--space-3)}.pending-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-warm-cream);border-radius:var(--radius-md)}.pending-item svg{color:var(--color-gentle-teal)}.pending-item__info{flex:1;display:flex;flex-direction:column}.pending-item__title{font-weight:var(--font-medium)}.pending-item__recipients{font-size:var(--text-sm);color:var(--color-text-muted)}.contacts-status-list{display:flex;flex-direction:column;gap:var(--space-3)}.contact-status-item{display:flex;align-items:center;gap:var(--space-3)}.contact-status-item__avatar{width:36px;height:36px;background-color:var(--color-gentle-teal);color:var(--color-text-inverse);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.contact-status-item__info{flex:1;display:flex;flex-direction:column}.contact-status-item__name{font-weight:var(--font-medium);font-size:var(--text-sm)}.contact-status-item__email{font-size:var(--text-xs);color:var(--color-text-muted)}.triggered-actions{display:flex;justify-content:center}.empty-log{text-align:center;padding:var(--space-12)}.empty-log__icon{color:var(--color-text-muted);opacity:.5;margin-bottom:var(--space-3)}.audit-list{display:flex;flex-direction:column}.audit-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border-light)}.audit-item:last-child{border-bottom:none}.audit-item__icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--color-border-light);color:var(--color-text-muted)}.audit-item--success .audit-item__icon{background-color:var(--color-success-bg);color:var(--color-success)}.audit-item--warning .audit-item__icon{background-color:var(--color-warning-bg);color:var(--color-warning)}.audit-item--critical .audit-item__icon{background-color:var(--color-caution-bg);color:var(--color-caution)}.audit-item__content{flex:1}.audit-item__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.audit-item__type{font-weight:var(--font-medium)}.audit-item__details{display:flex;flex-wrap:wrap;gap:var(--space-2)}.audit-item__detail{font-size:var(--text-xs);background-color:var(--color-border-light);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted)}.audit-item__time{font-size:var(--text-sm);color:var(--color-text-muted);flex-shrink:0}@media(max-width:768px){.triggered-grid{grid-template-columns:1fr}.audit-item{flex-wrap:wrap}.audit-item__time{width:100%;margin-top:var(--space-2);margin-left:56px}}.settings-page{max-width:800px;margin:0 auto}.settings-grid{display:grid;gap:var(--space-6);margin-bottom:var(--space-6)}.settings-section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-section__header{display:flex;align-items:center;gap:var(--space-3);color:var(--color-gentle-teal);margin-bottom:var(--space-2)}.settings-section__header h2{font-size:var(--text-lg);color:var(--color-text-primary);margin:0}.danger-zone{border:2px solid var(--color-caution)}.danger-zone .settings-section__header{color:var(--color-caution)}.settings-actions{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-4)}.settings-actions .alert{width:100%}:root{--color-deep-navy: #1a2b4a;--color-calm-slate: #3d4f6f;--color-soft-sage: #7a9e7e;--color-warm-cream: #f5f1e8;--color-clean-white: #ffffff;--color-gentle-teal: #5b8a8a;--color-gentle-teal-hover: #4a7575;--color-gentle-teal-light: rgba(91, 138, 138, .1);--color-soft-gold: #c9a86c;--color-muted-lavender: #9b8aa8;--color-success: #7a9e7e;--color-success-bg: rgba(122, 158, 126, .12);--color-warning: #d4a574;--color-warning-bg: rgba(212, 165, 116, .12);--color-caution: #c4a484;--color-caution-bg: rgba(196, 164, 132, .12);--color-info: #5b8a8a;--color-info-bg: rgba(91, 138, 138, .1);--color-text-primary: #1a2b4a;--color-text-secondary: #3d4f6f;--color-text-muted: #6b7a8f;--color-text-inverse: #ffffff;--color-border: #e8e4dc;--color-border-light: rgba(26, 43, 74, .06);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.25rem;--text-4xl: 3rem;--text-5xl: 3.5rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.4;--leading-normal: 1.6;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--max-width: 1200px;--max-width-narrow: 800px;--max-width-form: 480px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(26, 43, 74, .05);--shadow-md: 0 2px 8px rgba(26, 43, 74, .08);--shadow-lg: 0 4px 16px rgba(26, 43, 74, .12);--shadow-xl: 0 8px 32px rgba(26, 43, 74, .16);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-modal: 200;--z-toast: 300}[data-theme=dark]{--color-warm-cream: #1a1d24;--color-clean-white: #252932;--color-text-primary: #e8e4dc;--color-text-secondary: #9ba3b0;--color-border: #3a404d;--color-border-light: rgba(255, 255, 255, .06);--color-gentle-teal: #6fa3a3}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--color-text-primary);background-color:var(--color-warm-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{line-height:var(--leading-tight);font-weight:var(--font-semibold);color:var(--color-text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}a{color:var(--color-gentle-teal);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-gentle-teal-hover)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:3px solid var(--color-soft-gold);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.container--narrow{max-width:var(--max-width-narrow)}.container--form{max-width:var(--max-width-form)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--primary{background-color:var(--color-gentle-teal);color:var(--color-text-inverse);border-color:var(--color-gentle-teal)}.btn--primary:hover:not(:disabled){background-color:var(--color-gentle-teal-hover);border-color:var(--color-gentle-teal-hover)}.btn--secondary{background-color:transparent;color:var(--color-gentle-teal);border-color:var(--color-gentle-teal)}.btn--secondary:hover:not(:disabled){background-color:var(--color-gentle-teal-light)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--color-border-light);color:var(--color-text-primary)}.btn--danger{background-color:var(--color-caution);color:var(--color-text-inverse);border-color:var(--color-caution)}.btn--danger:hover:not(:disabled){background-color:#b39474;border-color:#b39474}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--full{width:100%}.btn--icon{padding:var(--space-3)}.card{background-color:var(--color-clean-white);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-md);padding:var(--space-6);transition:all var(--transition-base)}.card--hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card--bordered{border:1px solid var(--color-border)}.card--flat{box-shadow:none}.card__header{margin-bottom:var(--space-4)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.card__subtitle{font-size:var(--text-sm);color:var(--color-text-muted)}.card__content{color:var(--color-text-secondary)}.card__footer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-2)}.form-label--required:after{content:" *";color:var(--color-caution)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-clean-white);border:2px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-gentle-teal);box-shadow:0 0 0 3px var(--color-gentle-teal-light)}.form-input::placeholder{color:var(--color-text-muted)}.form-input--error{border-color:var(--color-caution)}.form-input--error:focus{box-shadow:0 0 0 3px var(--color-caution-bg)}.form-textarea{min-height:120px;resize:vertical}.form-hint{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.form-error{font-size:var(--text-sm);color:var(--color-caution);margin-top:var(--space-1)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%233d4f6f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-10)}.form-checkbox,.form-radio{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.form-checkbox input,.form-radio input{width:20px;height:20px;margin-top:2px;accent-color:var(--color-gentle-teal);cursor:pointer}.form-checkbox__label,.form-radio__label{font-size:var(--text-base);color:var(--color-text-primary)}.form-checkbox__description,.form-radio__description{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:0 var(--radius-md) var(--radius-md) 0;border-left:4px solid}.alert--info{background-color:var(--color-info-bg);border-left-color:var(--color-info)}.alert--success{background-color:var(--color-success-bg);border-left-color:var(--color-success)}.alert--warning{background-color:var(--color-warning-bg);border-left-color:var(--color-warning)}.alert--caution{background-color:var(--color-caution-bg);border-left-color:var(--color-caution)}.alert__icon{flex-shrink:0;width:20px;height:20px}.alert__content{flex:1}.alert__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.alert__message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.badge--success{background-color:var(--color-success-bg);color:var(--color-success)}.badge--warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge--info{background-color:var(--color-info-bg);color:var(--color-info)}.badge--neutral{background-color:var(--color-border);color:var(--color-text-secondary)}.status-banner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.status-banner--all-clear{background-color:var(--color-success-bg);border:1px solid var(--color-success)}.status-banner--grace{background-color:var(--color-warning-bg);border:1px solid var(--color-warning)}.status-banner--triggered{background-color:var(--color-caution-bg);border:1px solid var(--color-caution)}.status-banner--paused{background-color:var(--color-info-bg);border:1px solid var(--color-info)}.status-banner__icon{flex-shrink:0}.status-banner__content{flex:1}.status-banner__title{font-weight:var(--font-semibold);font-size:var(--text-lg)}.status-banner__message{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.status-banner__action{flex-shrink:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#1a2b4a80;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-base)}.modal{background-color:var(--color-clean-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-slow)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin:0}.modal__close{background:none;border:none;padding:var(--space-2);color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.modal__close:hover{background-color:var(--color-border-light);color:var(--color-text-primary)}.modal__body{padding:var(--space-6)}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--color-border)}.progress-steps{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8)}.progress-step{display:flex;align-items:center;gap:var(--space-2)}.progress-step__indicator{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-base)}.progress-step--completed .progress-step__indicator{background-color:var(--color-success);color:var(--color-text-inverse)}.progress-step--active .progress-step__indicator{background-color:var(--color-gentle-teal);color:var(--color-text-inverse)}.progress-step--pending .progress-step__indicator{background-color:var(--color-border);color:var(--color-text-muted)}.progress-step__connector{width:32px;height:2px;background-color:var(--color-border)}.progress-step--completed+.progress-step .progress-step__connector,.progress-step--completed .progress-step__connector{background-color:var(--color-success)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-border)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{background-color:var(--color-warm-cream);font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--color-border-light)}.empty-state{text-align:center;padding:var(--space-12) var(--space-6)}.empty-state__icon{width:64px;height:64px;color:var(--color-text-muted);margin:0 auto var(--space-4);opacity:.5}.empty-state__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.empty-state__message{color:var(--color-text-muted);margin-bottom:var(--space-6)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s ease-in-out infinite}