.header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header__container{max-width:1200px;margin:0 auto;padding:0 var(--space-6);height:60px;display:flex;align-items:center;justify-content:space-between}.header__logo{font-size:1.35rem;font-weight:700;color:var(--color-text);text-decoration:none;letter-spacing:-.02em}.header__logo:hover{color:var(--color-accent-warm)}.header__nav{display:flex;gap:var(--space-1)}.header__link{padding:var(--space-2) var(--space-4);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__link:hover{color:var(--color-text);background-color:var(--color-bg-warm)}.header__link--active{color:var(--color-accent-warm-dark);background-color:var(--color-accent-warm-light)}.header__link--gameday{font-weight:600}.header__user{display:flex;align-items:center;gap:var(--space-2);margin-left:var(--space-4);padding-left:var(--space-4);border-left:1px solid var(--color-border)}.header__user-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-warm-light),var(--color-accent-gold-light));color:var(--color-accent-warm-dark);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.header__user-name{font-size:.85rem;font-weight:500;color:var(--color-text)}.header__logout{background:none;border:1px solid var(--color-border);font-size:.8rem;color:var(--color-text-secondary);cursor:pointer;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__logout:hover{color:var(--color-text);border-color:var(--color-text-secondary);background:var(--color-bg-warm)}@media (max-width: 768px){.header__container{padding:0 var(--space-4)}.header__nav{gap:0}.header__link{padding:var(--space-2) var(--space-3);font-size:.8rem}}.route-error{display:flex;justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem}.route-error__card{max-width:480px;width:100%;padding:2.5rem 2rem;background:var(--color-surface, #fff);border-radius:12px;box-shadow:0 4px 24px #00000014;text-align:center}.route-error__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin-bottom:1rem;background:#fef3c7;color:#b45309;font-size:1.75rem;font-weight:700;border-radius:50%}.route-error__title{margin:0 0 .75rem;font-size:1.5rem;color:var(--color-text, #222)}.route-error__message{margin:0 0 1.5rem;color:var(--color-text-muted, #666);line-height:1.5}.route-error__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.route-error__btn{padding:.625rem 1.25rem;font-size:.95rem;font-weight:500;border:1px solid var(--color-border, #ddd);background:transparent;color:var(--color-text, #222);border-radius:8px;cursor:pointer;transition:background .15s,border-color .15s}.route-error__btn:hover{background:var(--color-surface-hover, #f5f5f5)}.route-error__btn--primary{background:var(--color-primary, #e9a46c);border-color:var(--color-primary, #e9a46c);color:#fff}.route-error__btn--primary:hover{background:var(--color-primary-hover, #d9934b);border-color:var(--color-primary-hover, #d9934b)}.route-error__details{margin-top:1.5rem;padding:1rem;background:#f9f9f9;border-radius:6px;text-align:left;font-size:.85rem}.route-error__details pre{margin:.5rem 0 0;white-space:pre-wrap;word-break:break-word;color:#666}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:flex-start;overflow:hidden}.hero__image-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero__image{width:100%;height:100%;object-fit:cover;object-position:center 30%}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e293bd1,#1e293b99 40%,#d4956b4d)}.hero__content{position:relative;z-index:1;max-width:640px;padding:var(--space-16) var(--space-12);margin-left:8%}.hero__title{font-size:3.5rem;font-weight:700;line-height:1.15;color:var(--color-text-inverse);letter-spacing:-.02em;margin-bottom:var(--space-8)}.hero__title-accent{color:var(--color-accent-warm)}.hero__subtitle{font-size:1.2rem;line-height:1.7;color:#ffffffd9;margin-bottom:var(--space-10);max-width:520px}.hero__actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero__btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-8);font-size:1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);text-decoration:none;border:2px solid transparent;min-width:160px}.hero__btn--primary{background-color:var(--color-accent-warm);color:#fff;border-color:var(--color-accent-warm)}.hero__btn--primary:hover{background-color:var(--color-accent-warm-dark);border-color:var(--color-accent-warm-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero__btn--secondary{background-color:transparent;color:#fff;border-color:#fff9}.hero__btn--secondary:hover{background-color:#ffffff1a;border-color:#fff;color:#fff;transform:translateY(-2px)}@media (max-width: 1024px){.hero__content{margin-left:5%;padding:var(--space-12) var(--space-8)}.hero__title{font-size:2.75rem}}@media (max-width: 768px){.hero{min-height:90vh;align-items:flex-end}.hero__overlay{background:linear-gradient(to top,#1e293beb,#1e293bb3,#1e293b4d)}.hero__content{margin-left:0;padding:var(--space-8) var(--space-6) var(--space-12);max-width:100%}.hero__title{font-size:2.25rem}.hero__subtitle{font-size:1.05rem}.hero__actions{flex-direction:column}.hero__btn{width:100%}}.features{background-color:var(--color-bg-warm);padding:var(--space-24) var(--space-8)}.features__container{max-width:1100px;margin:0 auto}.features__header{text-align:center;margin-bottom:var(--space-16)}.features__title{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.features__subtitle{font-size:1.125rem;color:var(--color-text-secondary);max-width:560px;margin:0 auto;line-height:1.7}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8)}.features__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-10) var(--space-8);transition:all var(--transition-base)}.features__card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent-warm-light)}.features__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,var(--color-accent-warm-light) 0%,var(--color-accent-gold-light) 100%);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.features__card-title{font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.features__card-description{font-size:.95rem;color:var(--color-text-secondary);line-height:1.75}@media (max-width: 768px){.features{padding:var(--space-16) var(--space-6)}.features__title{font-size:1.75rem}.features__grid{grid-template-columns:1fr;gap:var(--space-6)}}.footer{background-color:var(--color-bg-dark);color:#ffffffb3;padding:var(--space-12) var(--space-8)}.footer__container{max-width:1100px;margin:0 auto}.footer__brand{margin-bottom:var(--space-8)}.footer__logo{font-size:1.5rem;font-weight:700;color:var(--color-text-inverse);letter-spacing:-.02em;margin-bottom:var(--space-2)}.footer__tagline{font-size:.95rem;color:#ffffff80}.footer__bottom{padding-top:var(--space-6);border-top:1px solid rgba(255,255,255,.1)}.footer__copyright{font-size:.85rem;color:#fff6}.setup{min-height:100vh;background-color:var(--color-bg-warm);padding:var(--space-12) var(--space-6) var(--space-24)}.setup__container{max-width:680px;margin:0 auto}.setup__header{text-align:center;margin-bottom:var(--space-12)}.setup__title{font-size:2.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-3);letter-spacing:-.02em}.setup__subtitle{font-size:1.1rem;color:var(--color-text-secondary)}.setup__section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6)}.setup__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-1)}.setup__section-title{font-size:1.2rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.setup__section-header .setup__section-title{margin-bottom:0}.setup__hint{font-size:.9rem;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.setup__field{margin-bottom:var(--space-5)}.setup__field:last-child{margin-bottom:0}.setup__field-row{display:flex;gap:var(--space-4)}.setup__field--half{flex:1}.setup__field--grow{flex:2}.setup__field--small{flex:0 0 80px}.setup__label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.setup__input,.setup__select{width:100%;padding:var(--space-3) var(--space-4);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);font-family:inherit}.setup__input:focus,.setup__select:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.setup__input::placeholder{color:#b0b8c4}.setup__select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.setup__card{background:var(--color-bg-warm);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.setup__card:last-child{margin-bottom:0}.setup__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.setup__card-label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.setup__subjects-grid{display:flex;flex-direction:column;gap:var(--space-3)}.setup__subject-row{display:flex;gap:var(--space-3);align-items:center}.setup__subject-row .setup__input{flex:1}.setup__add-btn{background:none;border:1px dashed var(--color-accent-warm);color:var(--color-accent-warm-dark);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.setup__add-btn:hover{background-color:var(--color-accent-warm-light);border-style:solid}.setup__remove-btn{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.setup__remove-btn:hover{color:#ef4444;background-color:#fef2f2}.setup__remove-btn--inline{font-size:1.2rem;font-weight:600;line-height:1;padding:var(--space-2) var(--space-3)}.setup__actions{text-align:center;margin-top:var(--space-8)}.setup__submit{background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-4) var(--space-12);font-size:1.1rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-width:240px}.setup__submit:hover:not(:disabled){background-color:var(--color-accent-warm-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.setup__submit:disabled{opacity:.5;cursor:not-allowed}.setup__reassurance{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-4);font-style:italic}@media (max-width: 768px){.setup{padding:var(--space-8) var(--space-4) var(--space-16)}.setup__title{font-size:1.75rem}.setup__section{padding:var(--space-6)}.setup__field-row{flex-direction:column;gap:0}.setup__field--small{flex:1}.setup__section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}}.dashboard{padding:var(--space-8) var(--space-6);min-height:calc(100vh - 60px);background-color:var(--color-bg-warm)}.dashboard__container{max-width:1100px;margin:0 auto}.dashboard__welcome{margin-bottom:var(--space-10)}.dashboard__title{font-size:1.75rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.dashboard__subtitle{font-size:1.05rem;color:var(--color-text-secondary)}.dashboard__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6)}.dashboard__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base)}.dashboard__card:hover{box-shadow:var(--shadow-md)}.dashboard__card-icon{font-size:2rem;margin-bottom:var(--space-4)}.dashboard__card-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-4)}.dashboard__card-empty{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.dashboard__card-hint{font-size:.85rem;color:var(--color-text-secondary);line-height:1.6}.dashboard__card-hint strong{color:var(--color-accent-warm-dark)}@media (max-width: 768px){.dashboard{padding:var(--space-6) var(--space-4)}.dashboard__grid{grid-template-columns:1fr}}.studio-section__description{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.6}.studio-section__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-4);transition:box-shadow var(--transition-fast)}.studio-section__card:hover{box-shadow:var(--shadow-sm)}.studio-section__card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.studio-section__card-title{font-size:1.05rem;font-weight:600;color:var(--color-text)}.studio-section__card-subtitle{font-size:.85rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.studio-section__field{margin-bottom:var(--space-5)}.studio-section__field:last-child{margin-bottom:0}.studio-section__field-row{display:flex;gap:var(--space-4)}.studio-section__field--half{flex:1}.studio-section__field--grow{flex:2}.studio-section__field--small{flex:0 0 80px}.studio-section__field--rate{flex:0 0 140px}.studio-section__label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.studio-section__input,.studio-section__select{width:100%;padding:var(--space-3) var(--space-4);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);transition:border-color var(--transition-fast);font-family:inherit}.studio-section__input:focus,.studio-section__select:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.studio-section__input::placeholder{color:#b0b8c4}.studio-section__btn-row{display:flex;gap:var(--space-3);margin-top:var(--space-6)}.studio-section__btn-primary{background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-3) var(--space-6);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.studio-section__btn-primary:hover{background-color:var(--color-accent-warm-dark)}.studio-section__btn-secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);font-size:.9rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.studio-section__btn-secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.studio-section__btn-add{background:none;border:1px dashed var(--color-accent-warm);color:var(--color-accent-warm-dark);padding:var(--space-3) var(--space-5);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);width:100%}.studio-section__btn-add:hover{background-color:var(--color-accent-warm-light);border-style:solid}.studio-section__btn-danger{background:none;border:none;color:var(--color-text-secondary);font-size:.8rem;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.studio-section__btn-danger:hover{color:#ef4444;background-color:#fef2f2}.studio-section__empty{text-align:center;padding:var(--space-10);color:var(--color-text-secondary);font-size:.95rem}.studio-section__rate-badge{display:inline-flex;align-items:center;background-color:var(--color-accent-gold-light);color:var(--color-accent-warm-dark);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.studio-section__error{margin:var(--space-3) 0;padding:var(--space-3) var(--space-4);background:#dc354514;color:var(--color-danger, #dc3545);border-radius:var(--radius-md);font-size:.9rem}@media (max-width: 768px){.studio-section__field-row{flex-direction:column;gap:0}.studio-section__field--small,.studio-section__field--rate{flex:1}}.progression__save-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background:var(--color-accent-warm-light);border:1px solid var(--color-accent-warm);border-radius:var(--radius-lg)}.progression__save-bar-text{font-size:.85rem;font-weight:500;color:var(--color-accent-warm-dark)}.progression__save-btn{background:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-2) var(--space-5);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.progression__save-btn:hover{background:var(--color-accent-warm-dark)}.progression__save-flash{text-align:center;padding:var(--space-2);margin-bottom:var(--space-4);font-size:.85rem;font-weight:600;color:#166534;background:#dcfce7;border-radius:var(--radius-md)}.progression__emoji-picker-wrapper{position:relative}.progression__emoji-trigger{width:100%;padding:.25rem;font-size:1.2rem;text-align:center;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast)}.progression__emoji-trigger:hover{border-color:var(--color-accent-warm)}.progression__emoji-palette{position:absolute;top:100%;left:0;z-index:10;display:grid;grid-template-columns:repeat(6,1fr);gap:2px;padding:var(--space-2);margin-top:var(--space-1);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);min-width:200px}.progression__emoji-option{padding:var(--space-1);font-size:1.2rem;text-align:center;background:none;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.progression__emoji-option:hover{background:var(--color-accent-warm-light);border-color:var(--color-accent-warm);transform:scale(1.2)}.progression__emoji-option--selected{border-color:var(--color-accent-warm);background:var(--color-accent-warm-light)}.progression__subtabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-6)}.progression__subtab{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-5);font-size:.85rem;font-weight:500;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.progression__subtab:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm-dark)}.progression__subtab--active{background-color:var(--color-accent-warm);border-color:var(--color-accent-warm);color:#fff}.progression__levels-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3)}.progression__level-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid;font-size:.8rem}.progression__level-icon{font-size:.9rem}.progression__level-name{font-weight:600;color:var(--color-text)}.progression__color-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.progression__color-swatch{width:28px;height:28px;border-radius:var(--radius-full);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.progression__color-swatch:hover{transform:scale(1.15)}.progression__color-swatch--selected{border-color:var(--color-text);box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-text)}.progression__category-title{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);margin-top:var(--space-5)}.progression__category-title:first-child{margin-top:0}.progression__badge-list{display:flex;flex-direction:column;gap:var(--space-2)}.progression__badge-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.progression__badge-card:hover{box-shadow:var(--shadow-sm)}.progression__badge-icon{font-size:1.5rem;flex-shrink:0}.progression__badge-info{display:flex;flex-direction:column}.progression__badge-name{font-size:.9rem;font-weight:600;color:var(--color-text)}.progression__badge-desc{font-size:.8rem;color:var(--color-text-secondary);margin-top:1px}.studio-page{padding:var(--space-8) var(--space-6);min-height:calc(100vh - 60px);background-color:var(--color-bg-warm)}.studio-page__container{max-width:900px;margin:0 auto}.studio-page__header{margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.studio-page__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.studio-page__header-actions{display:flex;gap:var(--space-2)}.studio-page__action-btn{padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:var(--color-accent-warm);color:#fff;border:none}.studio-page__action-btn:hover{background:var(--color-accent-warm-dark)}.studio-page__action-btn--secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary)}.studio-page__action-btn--secondary:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm);background:none}.studio-page__export-wrapper{position:relative}.studio-page__export-menu{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;min-width:240px;overflow:hidden}.studio-page__export-option{display:flex;flex-direction:column;width:100%;padding:var(--space-4);background:none;border:none;border-bottom:1px solid var(--color-border);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.studio-page__export-option:last-child{border-bottom:none}.studio-page__export-option:hover{background:var(--color-bg-warm)}.studio-page__export-option strong{font-size:.9rem;color:var(--color-text)}.studio-page__export-option span{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.studio-page__tabs{display:flex;gap:var(--space-1);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-8)}.studio-page__tab{padding:var(--space-3) var(--space-5);font-size:.9rem;font-weight:500;color:var(--color-text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:all var(--transition-fast)}.studio-page__tab:hover{color:var(--color-text)}.studio-page__tab--active{color:var(--color-accent-warm-dark);border-bottom-color:var(--color-accent-warm)}.studio-page__content{min-height:400px}@media (max-width: 768px){.studio-page{padding:var(--space-6) var(--space-4)}.studio-page__tabs{overflow-x:auto;-webkit-overflow-scrolling:touch}.studio-page__tab{white-space:nowrap;padding:var(--space-3) var(--space-4);font-size:.85rem}}.week-view{display:flex;flex-direction:column}.week-view__header{display:flex;border-bottom:1px solid var(--color-border);scrollbar-gutter:stable;overflow-y:auto}.week-view__time-gutter{width:64px;flex-shrink:0}.week-view__day-header{flex:1;min-width:0;text-align:center;padding:var(--space-3) 0;border-left:1px solid var(--color-border)}.week-view__day-header--today{background-color:var(--color-accent-warm-light)}.week-view__day-name{display:block;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.week-view__day-number{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:1rem;font-weight:600;color:var(--color-text);margin-top:var(--space-1)}.week-view__day-number--today{background-color:var(--color-accent-warm);color:#fff;border-radius:var(--radius-full)}.week-view__grid{display:flex;position:relative;overflow-y:auto;scrollbar-gutter:stable;max-height:calc(100vh - 250px)}.week-view__grid .week-view__time-gutter{position:sticky;left:0;background:var(--color-bg);z-index:5}.week-view__time-label{height:60px;padding-right:var(--space-3);text-align:right;font-size:.7rem;font-weight:500;color:var(--color-text-secondary);line-height:1;position:relative;top:-6px}.week-view__day-column{flex:1;min-width:0;border-left:1px solid var(--color-border);position:relative;cursor:pointer;min-height:720px}.week-view__day-column--today{background-color:#d4956b0a}.week-view__hour-slot{height:60px;border-bottom:1px solid #f1f5f9}.week-view__hour-slot:hover{background-color:#d4956b0f}.week-view__lesson{position:absolute;left:4px;right:4px;border-radius:var(--radius-sm);background-color:var(--color-bg);border:1px solid var(--color-border);border-left:3px solid var(--color-primary);padding:3px 6px;overflow:hidden;cursor:pointer;transition:box-shadow var(--transition-fast);z-index:2}.week-view__lesson:hover{box-shadow:var(--shadow-md);z-index:3}.week-view__lesson-student{font-size:.75rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.week-view__lesson-time{font-size:.6rem;font-weight:500;color:var(--color-text-secondary);white-space:nowrap;line-height:1.2}.week-view__lesson-subject{position:absolute;bottom:2px;right:5px;font-size:.6rem;font-weight:600;color:var(--color-accent-warm)}.week-view__lesson-recurring{position:absolute;top:3px;right:4px;font-size:.7rem;color:var(--color-text-secondary)}.week-view__legend{display:flex;gap:var(--space-6);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:center}.week-view__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:.8rem;color:var(--color-text-secondary)}.week-view__legend-dot{width:10px;height:10px;border-radius:var(--radius-full)}.week-view__status{padding:var(--space-4) var(--space-6);text-align:center;font-size:.9rem;color:var(--color-text-secondary)}.week-view__status--error{color:var(--color-danger, #dc3545);display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.week-view__status--error button{background:none;border:1px solid currentColor;color:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;font-size:.8rem}@media (max-width: 768px){.week-view__time-gutter{width:44px}.week-view__time-label{font-size:.6rem;padding-right:var(--space-2)}.week-view__day-name{font-size:.65rem}.week-view__lesson-student{font-size:.7rem}.week-view__legend{flex-wrap:wrap;gap:var(--space-3)}}.month-view{display:flex;flex-direction:column}.month-view__summary{display:flex;gap:var(--space-8);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background-color:var(--color-bg-warm)}.month-view__stat{display:flex;align-items:baseline;gap:var(--space-2)}.month-view__stat-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.month-view__stat-label{font-size:.85rem;color:var(--color-text-secondary)}.month-view__grid{padding:var(--space-2)}.month-view__day-names{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:var(--space-2) 0}.month-view__day-name{font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.month-view__week{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid #f1f5f9}.month-view__cell{min-height:100px;padding:var(--space-2);border-right:1px solid #f1f5f9;cursor:pointer;transition:background-color var(--transition-fast)}.month-view__cell:last-child{border-right:none}.month-view__cell:hover{background-color:#d4956b0a}.month-view__cell--empty{background-color:#fafafa;cursor:default}.month-view__cell--empty:hover{background-color:#fafafa}.month-view__cell--today{background-color:#d4956b0f}.month-view__cell-date{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;font-size:.85rem;font-weight:500;color:var(--color-text);margin-bottom:var(--space-1)}.month-view__cell-date--today{background-color:var(--color-accent-warm);color:#fff;border-radius:var(--radius-full);font-weight:700}.month-view__cell-lessons{display:flex;flex-direction:column;gap:2px}.month-view__cell-lesson{display:flex;gap:var(--space-1);align-items:center;padding:2px 4px;border-radius:3px;border-left:2px solid var(--color-primary);background-color:var(--color-bg-warm);overflow:hidden}.month-view__cell-lesson-time{font-size:.6rem;font-weight:600;color:var(--color-text-secondary);flex-shrink:0}.month-view__cell-lesson-name{font-size:.65rem;font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-view__cell-lesson-override{font-size:.6rem;color:var(--color-text-secondary);flex-shrink:0;margin-left:auto}.month-view__cell-lesson{cursor:pointer}.month-view__cell-lesson:hover{background-color:var(--color-bg)}.month-view__cell-more{font-size:.6rem;color:var(--color-accent-warm-dark);font-weight:600;padding:1px 4px}@media (max-width: 768px){.month-view__summary{flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.month-view__cell{min-height:60px;padding:var(--space-1)}.month-view__cell-lesson{display:none}.month-view__cell-date{font-size:.75rem;width:22px;height:22px}}.recurrence{margin-bottom:var(--space-5)}.recurrence__toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.recurrence__toggle-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.recurrence__details{margin-top:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-warm)}.recurrence__interval{display:flex;align-items:center;gap:var(--space-2);font-size:.95rem;color:var(--color-text);margin-bottom:var(--space-4)}.recurrence__interval-input{width:60px;padding:var(--space-2) var(--space-3);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-align:center;font-family:inherit}.recurrence__days{display:flex;gap:var(--space-2);margin-bottom:var(--space-4)}.recurrence__day-pill{width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:1px solid var(--color-border);border-radius:50%;background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.recurrence__day-pill:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm)}.recurrence__day-pill--active{background-color:var(--color-accent-warm);border-color:var(--color-accent-warm);color:#fff}.recurrence__day-pill--active:hover{background-color:var(--color-accent-warm-dark);color:#fff}.recurrence__until{margin-bottom:var(--space-3)}.recurrence__preview{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal{background:var(--color-bg);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.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)}.modal__title{font-size:1.2rem;font-weight:600;color:var(--color-text)}.modal__close{background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.modal__close:hover{color:var(--color-text);background-color:var(--color-bg-warm)}.modal__body{padding:var(--space-6)}.modal__field{margin-bottom:var(--space-5)}.modal__field-row{display:flex;gap:var(--space-4)}.modal__field-row .modal__field{flex:1}.modal__label{display:block;font-size:.85rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.modal__input,.modal__select{width:100%;padding:var(--space-3) var(--space-4);font-size:.95rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;transition:border-color var(--transition-fast)}.modal__input:focus,.modal__select:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.modal__actions{display:flex;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.modal__btn-primary{flex:1;background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.modal__btn-primary:hover:not(:disabled){background-color:var(--color-accent-warm-dark)}.modal__btn-primary:disabled{opacity:.5;cursor:not-allowed}.modal__btn-secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal__btn-secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text)}.modal__empty-state{text-align:center}.modal__empty-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.modal__empty-title{font-size:1.1rem;font-weight:600;color:var(--color-text);margin:0 0 var(--space-3)}.modal__empty-message{color:var(--color-text-secondary);line-height:1.5;margin:0 0 var(--space-5)}.modal__empty-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.modal__error{color:var(--color-danger, #dc3545);font-size:.85rem;margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4);background:#dc354514;border-radius:var(--radius-md)}.edit-scope{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.edit-scope__option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.edit-scope__option:hover{border-color:var(--color-accent-warm);background:var(--color-bg-warm)}.edit-scope__option input[type=radio]{margin-top:2px}.edit-scope__label{font-weight:600;font-size:.95rem;color:var(--color-text)}.edit-scope__hint{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.modal__btn-danger{background:none;border:1px solid var(--color-danger, #dc3545);color:var(--color-danger, #dc3545);padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.modal__btn-danger:hover:not(:disabled){background-color:var(--color-danger, #dc3545);color:#fff}.modal__btn-danger:disabled{opacity:.5;cursor:not-allowed}.edit-series__note{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin:0 0 var(--space-3)}.schedule{padding:var(--space-6) var(--space-6) var(--space-8);min-height:calc(100vh - 60px);background-color:var(--color-bg)}.schedule__container{max-width:1200px;margin:0 auto}.schedule__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-4)}.schedule__header-left{display:flex;align-items:center;gap:var(--space-4)}.schedule__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.schedule__today-btn{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.schedule__today-btn:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm-dark)}.schedule__nav{display:flex;align-items:center;gap:var(--space-4)}.schedule__nav-btn{background:none;border:1px solid var(--color-border);color:var(--color-text);width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.schedule__nav-btn:hover{background-color:var(--color-bg-warm);border-color:var(--color-accent-warm)}.schedule__date-range{font-size:1rem;font-weight:600;color:var(--color-text);min-width:220px;text-align:center}.schedule__header-right{display:flex;align-items:center;gap:var(--space-4)}.schedule__view-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.schedule__view-btn{background:none;border:none;padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.schedule__view-btn:first-child{border-right:1px solid var(--color-border)}.schedule__view-btn--active{background-color:var(--color-accent-warm);color:#fff}.schedule__add-btn{background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-2) var(--space-5);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.schedule__add-btn:hover{background-color:var(--color-accent-warm-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.schedule__body{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden}@media (max-width: 768px){.schedule{padding:var(--space-4) var(--space-3)}.schedule__header{flex-direction:column;align-items:stretch}.schedule__header-left,.schedule__header-right{justify-content:space-between}.schedule__nav{justify-content:center}}.roster{display:flex;flex-direction:column;gap:var(--space-2)}.roster__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.roster__row:hover{box-shadow:var(--shadow-sm);border-color:var(--color-accent-warm-light)}.roster__row--selected{border-color:var(--color-accent-warm);box-shadow:0 0 0 2px var(--color-accent-warm-light)}.roster__row--inactive{opacity:.6}.roster__avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-warm-light) 0%,var(--color-accent-gold-light) 100%);color:var(--color-accent-warm-dark);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.roster__info{flex:1;min-width:0}.roster__name{font-size:.95rem;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:var(--space-2)}.roster__inactive-badge{font-size:.65rem;font-weight:600;color:var(--color-text-secondary);background-color:#f1f5f9;padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.roster__meta{font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.roster__stats{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.roster__level{font-size:.75rem;font-weight:600;color:var(--color-accent-warm-dark);background-color:var(--color-accent-warm-light);padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.roster__badges{font-size:.8rem;color:var(--color-text-secondary);white-space:nowrap}.roster__lessons{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap}.roster__empty{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (max-width: 768px){.roster__stats{flex-direction:column;align-items:flex-end;gap:var(--space-1)}}.student-detail{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden}.student-detail__header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);background:linear-gradient(135deg,var(--color-accent-warm-light) 0%,var(--color-accent-gold-light) 100%);position:relative}.student-detail__avatar{width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-accent-warm-dark);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.student-detail__name{font-size:1.2rem;font-weight:700;color:var(--color-text)}.student-detail__meta{font-size:.85rem;color:var(--color-text-secondary);margin-top:2px}.student-detail__close{position:absolute;top:var(--space-3);right:var(--space-4);background:none;border:none;font-size:1.5rem;color:var(--color-text-secondary);cursor:pointer;line-height:1;padding:var(--space-1);border-radius:var(--radius-sm)}.student-detail__close:hover{color:var(--color-text)}.student-detail__badges{display:flex;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.student-detail__status{font-size:.75rem;font-weight:600;padding:2px 10px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.student-detail__status--active{background-color:#dcfce7;color:#166534}.student-detail__status--inactive{background-color:#f1f5f9;color:#64748b}.student-detail__level{font-size:.75rem;font-weight:600;color:var(--color-accent-warm-dark);background-color:var(--color-accent-warm-light);padding:2px 10px;border-radius:var(--radius-full)}.student-detail__badge-count{font-size:.8rem;color:var(--color-text-secondary)}.student-detail__stats{display:flex;gap:var(--space-6);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.student-detail__stat{display:flex;flex-direction:column}.student-detail__stat-value{font-size:1.1rem;font-weight:700;color:var(--color-text)}.student-detail__stat-label{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.student-detail__section{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.student-detail__section:last-child{border-bottom:none}.student-detail__section-title{font-size:.8rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.student-detail__field{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.student-detail__field-label{font-size:.85rem;color:var(--color-text-secondary)}.student-detail__field-value{font-size:.85rem;font-weight:500;color:var(--color-text)}.student-detail__field-value--link{color:var(--color-primary)}.student-detail__field-value--link:hover{text-decoration:underline}.student-detail__notes{font-size:.9rem;color:var(--color-text);line-height:1.6}.student-detail__notes--empty{color:var(--color-text-secondary);font-style:italic}.student-detail__progress{background-color:#d4956b0a}.student-detail__progress-row{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.student-detail__progress-row:last-of-type{border-bottom:none}.student-detail__progress-label{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;font-weight:500;color:var(--color-text)}.student-detail__progress-icon{font-size:1rem}.student-detail__advance-btn{background:none;border:1px solid var(--color-accent-warm);color:var(--color-accent-warm-dark);padding:var(--space-1) var(--space-3);font-size:.8rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.student-detail__advance-btn:hover{background-color:var(--color-accent-warm-light)}.student-detail__award-btn{background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-1) var(--space-3);font-size:.8rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.student-detail__award-btn:hover{background-color:var(--color-accent-warm-dark)}.student-detail__level-picker{display:flex;flex-direction:column;gap:var(--space-2);flex:1;margin-left:var(--space-4)}.student-detail__level-option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid;border-radius:var(--radius-md);background:none;font-size:.8rem;font-weight:600;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.student-detail__level-option:hover{transform:translate(4px);box-shadow:var(--shadow-sm)}.student-detail__level-option--current{font-weight:700;box-shadow:0 0 0 2px var(--color-accent-warm)}.student-detail__no-framework{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);flex:1;margin-left:var(--space-4)}.student-detail__no-framework p{width:100%;font-size:.85rem;color:var(--color-text-secondary);margin:0}.student-detail__no-framework .student-detail__level-cancel{margin-left:auto}.student-detail__level-cancel{background:none;border:none;color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;text-align:right;padding:var(--space-1) 0}.student-detail__level-cancel:hover{color:var(--color-text)}.student-detail__badge-picker{display:flex;flex-direction:column;gap:var(--space-2);flex:1;margin-left:var(--space-4);max-height:300px;overflow-y:auto}.student-detail__badge-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast);text-align:left}.student-detail__badge-option:hover{border-color:var(--color-accent-warm);box-shadow:var(--shadow-sm)}.student-detail__badge-option-icon{font-size:1.2rem;flex-shrink:0}.student-detail__badge-option-info{display:flex;flex-direction:column}.student-detail__badge-option-name{font-size:.8rem;font-weight:600;color:var(--color-text)}.student-detail__badge-option-desc{font-size:.7rem;color:var(--color-text-secondary)}.student-detail__recent-awards{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center;padding-top:var(--space-3);margin-top:var(--space-2)}.student-detail__recent-label{font-size:.75rem;color:var(--color-text-secondary);font-style:italic}.student-detail__recent-badge{font-size:.75rem;font-weight:600;background-color:var(--color-accent-gold-light);color:var(--color-accent-warm-dark);padding:2px 8px;border-radius:var(--radius-full)}.student-detail__cert-btn{margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:none;border:1px solid var(--color-accent-warm);color:var(--color-accent-warm-dark);border-radius:var(--radius-md);cursor:pointer;font-size:.85rem;font-weight:600;transition:all var(--transition-fast);align-self:flex-start}.student-detail__cert-btn:hover{background:var(--color-accent-warm);color:#fff}.student-detail__danger-zone{border-top:1px solid var(--color-border);margin-top:var(--space-4)}.student-detail__delete-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid #d32f2f;color:#d32f2f;padding:var(--space-2) var(--space-4);font-size:.8rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.student-detail__delete-btn:hover,.student-detail__delete-btn--confirm{background-color:#d32f2f;color:#fff}.student-detail__delete-btn--confirm:disabled{opacity:.6;cursor:not-allowed}.student-detail__delete-warning{font-size:.85rem;color:#d32f2f;margin:0}.students-page{padding:var(--space-6) var(--space-6) var(--space-8);min-height:calc(100vh - 60px);background-color:var(--color-bg-warm)}.students-page__container{max-width:1200px;margin:0 auto}.students-page__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.students-page__header-left{display:flex;align-items:baseline;gap:var(--space-4)}.students-page__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.students-page__count{font-size:.9rem;color:var(--color-text-secondary)}.students-page__add-btn{background-color:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-2) var(--space-5);font-size:.9rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base)}.students-page__add-btn:hover{background-color:var(--color-accent-warm-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.students-page__filters{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-6);flex-wrap:wrap}.students-page__search{flex:1;min-width:240px;padding:var(--space-3) var(--space-4);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;transition:border-color var(--transition-fast)}.students-page__search:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.students-page__search::placeholder{color:#b0b8c4}.students-page__filter-select{padding:var(--space-3) var(--space-4);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;cursor:pointer}.students-page__checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:.85rem;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap}.students-page__checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer}.students-page__body{display:flex;gap:var(--space-6)}.students-page__roster{flex:1;transition:all var(--transition-base)}.students-page__roster--narrow{flex:0 0 45%}.students-page__detail{flex:0 0 53%;position:sticky;top:76px;align-self:flex-start}@media (max-width: 820px){.students-page__body{flex-direction:column}.students-page__roster--narrow{flex:1}.students-page__detail{flex:1;position:static}}@media (max-width: 768px){.students-page{padding:var(--space-4) var(--space-3)}.students-page__header{flex-direction:column;align-items:stretch;gap:var(--space-3)}.students-page__filters{flex-direction:column}.students-page__search{min-width:unset}}.gameday{padding:var(--space-6) var(--space-6) var(--space-12);min-height:calc(100vh - 60px);background-color:var(--color-bg-warm)}.gameday__container{max-width:700px;margin:0 auto}.gameday__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.gameday__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.gameday__date{font-size:.95rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.gameday__summary{display:flex;align-items:center;gap:var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6)}.gameday__summary-item{display:flex;flex-direction:column;align-items:center}.gameday__summary-value{font-size:1.5rem;font-weight:700;color:var(--color-text)}.gameday__summary-label{font-size:.7rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.gameday__summary-divider{width:1px;height:32px;background-color:var(--color-border)}.gameday__progress{height:6px;background-color:var(--color-border);border-radius:var(--radius-full);margin-bottom:var(--space-8);overflow:hidden}.gameday__progress-fill{height:100%;background:linear-gradient(90deg,var(--color-accent-warm) 0%,#34d399 100%);border-radius:var(--radius-full);transition:width .5s ease}.gameday__lessons{display:flex;flex-direction:column;gap:var(--space-3)}.gameday__lesson{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-fast)}.gameday__lesson:hover{box-shadow:var(--shadow-sm)}.gameday__lesson--past{opacity:.7}.gameday__lesson--past:hover{opacity:1}.gameday__lesson-main{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5)}.gameday__lesson-time{display:flex;flex-direction:column;align-items:flex-end;min-width:70px;flex-shrink:0}.gameday__lesson-start{font-size:.9rem;font-weight:600;color:var(--color-text)}.gameday__lesson-end{font-size:.75rem;color:var(--color-text-secondary)}.gameday__lesson-avatar{width:44px;height:44px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-warm-light) 0%,var(--color-accent-gold-light) 100%);color:var(--color-accent-warm-dark);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.gameday__lesson-info{flex:1;min-width:0}.gameday__lesson-student{display:block;font-size:1rem;font-weight:600;color:var(--color-text)}.gameday__lesson-meta{display:block;font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.gameday__lesson-actions{flex-shrink:0}.gameday__quick-actions{display:flex;gap:var(--space-2)}.gameday__action-btn{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid;display:flex;align-items:center;justify-content:center;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);background:var(--color-bg)}.gameday__action-btn--attended{border-color:#34d399;color:#166534}.gameday__action-btn--attended:hover{background-color:#dcfce7;transform:scale(1.1)}.gameday__action-btn--missed{border-color:#f87171;color:#991b1b}.gameday__action-btn--missed:hover{background-color:#fee2e2;transform:scale(1.1)}.gameday__action-btn--more{border-color:var(--color-border);color:var(--color-text-secondary);font-size:.8rem;font-weight:700;letter-spacing:1px}.gameday__action-btn--more:hover{border-color:var(--color-text-secondary);background-color:var(--color-bg-warm)}.gameday__status-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);border:none;font-size:.8rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.gameday__status-badge:hover{opacity:.8}.gameday__lesson-expanded{padding:var(--space-4) var(--space-5);background-color:var(--color-bg-warm);border-top:1px solid var(--color-border)}.gameday__expanded-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.gameday__expanded-label{font-size:.8rem;color:var(--color-text-secondary);margin-right:var(--space-1)}.gameday__expanded-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:none;font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.gameday__expanded-btn:hover{transform:scale(1.05);box-shadow:var(--shadow-sm)}.gameday__expanded-note{display:flex;flex-direction:column;gap:var(--space-2)}.gameday__note-label{font-size:.8rem;font-weight:600;color:var(--color-text-secondary)}.gameday__note-input{width:100%;padding:var(--space-3) var(--space-4);font-size:.9rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-family:inherit;transition:border-color var(--transition-fast)}.gameday__note-input:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.gameday__note-input::placeholder{color:#b0b8c4}.gameday__lesson-note{padding:var(--space-2) var(--space-5) var(--space-3);font-size:.8rem;color:var(--color-text-secondary);border-top:1px solid #f1f5f9}@media (max-width: 640px){.gameday{padding:var(--space-4) var(--space-3) var(--space-8)}.gameday__header{flex-direction:column;gap:var(--space-4)}.gameday__summary{width:100%;justify-content:space-around}.gameday__lesson-main{flex-wrap:wrap;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.gameday__lesson-time{min-width:60px}.gameday__quick-actions{width:100%;justify-content:flex-end}}.gameday-skeleton__shimmer{background:linear-gradient(90deg,var(--color-bg-elev-1, #f1f5f9) 25%,#e2e8f0 37%,var(--color-bg-elev-1, #f1f5f9) 63%);background-size:400% 100%;border-radius:var(--radius-md, 6px);animation:gameday-skeleton-pulse 1.4s ease-in-out infinite}@keyframes gameday-skeleton-pulse{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.gameday-skeleton__shimmer{animation:none;background:var(--color-bg-elev-1, #f1f5f9)}}.gameday-skeleton__line{height:1rem}.gameday-skeleton__lesson{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-3)}.gameday-skeleton__avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.invoices-page{padding:var(--space-6) var(--space-6) var(--space-8);min-height:calc(100vh - 60px);background-color:var(--color-bg-warm)}.invoices-page__container{max-width:1200px;margin:0 auto}.invoices-page__header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-6)}.invoices-page__title{font-size:1.75rem;font-weight:700;color:var(--color-text)}.invoices-page__summary{display:flex;gap:var(--space-8)}.invoices-page__summary-item{display:flex;flex-direction:column;align-items:flex-end}.invoices-page__summary-value{font-size:1.5rem;font-weight:700}.invoices-page__summary-value--outstanding{color:var(--color-primary)}.invoices-page__summary-value--paid{color:#166534}.invoices-page__summary-value--overdue{color:#991b1b}.invoices-page__summary-label{font-size:.75rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.invoices-page__filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.invoices-page__filter{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:.85rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.invoices-page__filter:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm-dark)}.invoices-page__filter--active{background-color:var(--color-accent-warm);border-color:var(--color-accent-warm);color:#fff}.invoices-page__filter-count{font-size:.75rem;font-weight:600;opacity:.7}.invoices-page__body{display:flex;gap:var(--space-6)}.invoices-page__list{flex:1;display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-base)}.invoices-page__list--narrow{flex:0 0 55%}.invoices-page__detail{flex:0 0 42%;position:sticky;top:76px;align-self:flex-start}.invoices-page__row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.invoices-page__row:hover{box-shadow:var(--shadow-sm);border-color:var(--color-accent-warm-light)}.invoices-page__row--selected{border-color:var(--color-accent-warm);box-shadow:0 0 0 2px var(--color-accent-warm-light)}.invoices-page__row-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-accent-warm-light) 0%,var(--color-accent-gold-light) 100%);color:var(--color-accent-warm-dark);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.invoices-page__row-info{flex:1;min-width:0}.invoices-page__row-student{display:block;font-size:.95rem;font-weight:600;color:var(--color-text)}.invoices-page__row-period{display:block;font-size:.8rem;color:var(--color-text-secondary);margin-top:2px}.invoices-page__row-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);flex-shrink:0}.invoices-page__row-amount{font-size:1.05rem;font-weight:700;color:var(--color-text)}.invoices-page__row-status{font-size:.7rem;font-weight:600;padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.invoices-page__empty{text-align:center;padding:var(--space-12);color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}@media (max-width: 1024px){.invoices-page__body{flex-direction:column}.invoices-page__list--narrow{flex:1}.invoices-page__detail{flex:1;position:static}}@media (max-width: 768px){.invoices-page{padding:var(--space-4) var(--space-3)}.invoices-page__header{flex-direction:column;gap:var(--space-4)}.invoices-page__summary{width:100%;justify-content:space-between}}.certificate{--cert-color: #d4956b;width:10in;min-height:7.5in;aspect-ratio:4 / 3;position:relative;background:#fff;overflow:hidden;page-break-inside:avoid}.certificate__border{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.certificate--classic .certificate__border{border:3px solid var(--cert-color);margin:.35in}.certificate--classic .certificate__border:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px solid var(--cert-color);opacity:.5;pointer-events:none}.certificate--colorful .certificate__border{background:linear-gradient(135deg,color-mix(in srgb,var(--cert-color) 8%,white),#fff 40%,#fff 60%,color-mix(in srgb,var(--cert-color) 8%,white));margin:.25in;border-radius:12px;border:4px solid var(--cert-color)}.certificate--minimal .certificate__border{border-bottom:3px solid var(--cert-color);margin:.5in}.certificate__inner{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.6in .8in;text-align:center}.certificate__header{margin-bottom:.3in}.certificate__ornament{font-size:1.4rem;color:var(--cert-color);letter-spacing:.5em;margin-bottom:.15in}.certificate--classic .certificate__ornament{letter-spacing:.8em}.certificate__title{font-family:Georgia,Times New Roman,serif;font-size:2rem;font-weight:700;color:var(--color-text, #1e293b);letter-spacing:.04em;margin:0;line-height:1.2}.certificate--classic .certificate__title{font-size:2.2rem;text-transform:uppercase;letter-spacing:.12em}.certificate--colorful .certificate__title{color:var(--cert-color);font-size:2.4rem}.certificate--minimal .certificate__title{font-family:Inter,system-ui,sans-serif;font-size:1.6rem;font-weight:300;text-transform:uppercase;letter-spacing:.2em;color:var(--color-text-secondary, #64748b)}.certificate__subtitle{font-size:.95rem;color:var(--color-text-secondary, #64748b);margin-top:.1in;letter-spacing:.06em}.certificate--colorful .certificate__subtitle{font-weight:600;color:var(--cert-color);opacity:.7}.certificate__body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15in}.certificate__presented{font-size:.9rem;color:var(--color-text-secondary, #64748b);font-style:italic;margin:0}.certificate--minimal .certificate__presented{font-style:normal;text-transform:uppercase;font-size:.7rem;letter-spacing:.15em}.certificate__student-name{font-family:Georgia,Times New Roman,serif;font-size:2.8rem;font-weight:700;color:var(--color-text, #1e293b);margin:.05in 0;line-height:1.1}.certificate--colorful .certificate__student-name{color:var(--cert-color);font-size:3rem}.certificate--minimal .certificate__student-name{font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:2.4rem}.certificate__achievement{font-size:.9rem;color:var(--color-text-secondary, #64748b);margin:0}.certificate--minimal .certificate__achievement{text-transform:uppercase;font-size:.7rem;letter-spacing:.12em}.certificate__level{display:flex;align-items:center;gap:.12in;margin:.1in 0}.certificate__level-icon{font-size:2rem}.certificate__level-name{font-family:Georgia,Times New Roman,serif;font-size:1.8rem;font-weight:700;color:var(--cert-color)}.certificate--minimal .certificate__level-name{font-family:Inter,system-ui,sans-serif;font-weight:600}.certificate__framework{font-size:.85rem;color:var(--color-text-secondary, #64748b);letter-spacing:.04em;margin:0}.certificate__footer{display:flex;justify-content:center;gap:1.6in;margin-top:.4in;width:100%}.certificate__signature,.certificate__date-block{display:flex;flex-direction:column;align-items:center;min-width:2in}.certificate__signature-line{width:100%;height:1px;background:var(--color-text, #1e293b);opacity:.3;margin-bottom:.06in}.certificate--colorful .certificate__signature-line{background:var(--cert-color);opacity:.5}.certificate__signature-label{font-size:.85rem;font-weight:600;color:var(--color-text, #1e293b)}.certificate__signature-role{font-size:.7rem;color:var(--color-text-secondary, #64748b);text-transform:uppercase;letter-spacing:.08em}.certificate__confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.certificate__confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:50%;background:var(--cert-color);opacity:.15}.certificate__confetti-piece:nth-child(odd){border-radius:2px;transform:rotate(45deg)}.certificate__confetti-piece:nth-child(3n){background:color-mix(in srgb,var(--cert-color) 60%,gold)}.certificate__confetti-piece:nth-child(5n){background:color-mix(in srgb,var(--cert-color) 40%,orchid)}@media print{body>*:not(#root){display:none!important}.cert-page__controls,.cert-page__header,header,nav{display:none!important}.cert-page{padding:0!important;background:none!important;min-height:auto!important}.certificate{width:10in;min-height:7.5in;margin:0;box-shadow:none}@page{size:landscape;margin:0}}.cert-page{padding:var(--space-6) var(--space-6) var(--space-8);min-height:calc(100vh - 60px);background:var(--color-bg-warm)}.cert-page__header{max-width:1100px;margin:0 auto var(--space-4);display:flex;align-items:center;gap:var(--space-4)}.cert-page__title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.cert-page__back-btn{background:none;border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.cert-page__back-btn:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm)}.cert-page__controls{max-width:1100px;margin:0 auto var(--space-6);display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.cert-page__style-picker{display:flex;flex-direction:column;gap:var(--space-2)}.cert-page__style-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary)}.cert-page__style-options{display:flex;gap:var(--space-2)}.cert-page__style-btn{display:flex;flex-direction:column;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;text-align:left;transition:all var(--transition-fast);min-width:160px}.cert-page__style-btn:hover{border-color:var(--color-accent-warm-light)}.cert-page__style-btn--active{border-color:var(--color-accent-warm);background:#d4956b0f}.cert-page__style-btn-label{font-weight:600;font-size:.9rem;color:var(--color-text)}.cert-page__style-btn-desc{font-size:.75rem;color:var(--color-text-secondary);margin-top:2px}.cert-page__print-btn{padding:var(--space-3) var(--space-6);background:var(--color-accent-warm);color:#fff;border:none;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);white-space:nowrap}.cert-page__print-btn:hover{background:var(--color-accent-warm-dark)}.cert-page__preview{max-width:1100px;margin:0 auto;display:flex;justify-content:center}.cert-page__preview .certificate{box-shadow:var(--shadow-xl);border-radius:4px}.cert-page__not-found{max-width:500px;margin:var(--space-16) auto;text-align:center}.cert-page__not-found h2{font-size:1.5rem;margin-bottom:var(--space-2)}.cert-page__not-found p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.import-wizard{padding:var(--space-6) var(--space-6) var(--space-8);min-height:calc(100vh - 60px);background:var(--color-bg-warm)}.import-wizard__container{max-width:800px;margin:0 auto}.import-wizard__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.import-wizard__title{font-size:1.5rem;font-weight:700;color:var(--color-text)}.import-wizard__back-btn{background:none;border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;font-size:.875rem;color:var(--color-text-secondary);transition:all var(--transition-fast)}.import-wizard__back-btn:hover{border-color:var(--color-accent-warm);color:var(--color-accent-warm)}.import-wizard__steps{display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-8)}.import-wizard__step{display:flex;align-items:center;gap:var(--space-2)}.import-wizard__step-number{width:32px;height:32px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;border:2px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg);flex-shrink:0}.import-wizard__step--active .import-wizard__step-number{border-color:var(--color-accent-warm);color:var(--color-accent-warm)}.import-wizard__step--completed .import-wizard__step-number{background:var(--color-accent-warm);border-color:var(--color-accent-warm);color:#fff}.import-wizard__step-label{font-size:.85rem;font-weight:500;color:var(--color-text-secondary)}.import-wizard__step--active .import-wizard__step-label{color:var(--color-text);font-weight:600}.import-wizard__step-line{display:block;width:40px;height:2px;background:var(--color-border);margin:0 var(--space-3)}.import-wizard__step--completed+.import-wizard__step .import-wizard__step-line,.import-wizard__step--completed .import-wizard__step-line{background:var(--color-accent-warm)}.import-wizard__card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8)}.import-wizard__card--success{text-align:center}.import-wizard__card-title{font-size:1.25rem;font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.import-wizard__card-desc{font-size:.95rem;color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:1.5}.import-wizard__success-icon{font-size:3rem;margin-bottom:var(--space-4)}.import-wizard__dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-8);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-4)}.import-wizard__dropzone:hover{border-color:var(--color-accent-warm);background:#d4956b0a}.import-wizard__dropzone-icon{font-size:2.5rem}.import-wizard__dropzone-text{font-size:1rem;font-weight:600;color:var(--color-text)}.import-wizard__dropzone-hint{font-size:.85rem;color:var(--color-text-secondary)}.import-wizard__alt-btn{display:block;margin:0 auto;background:none;border:none;color:var(--color-accent-warm-dark);font-size:.9rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.import-wizard__alt-btn:hover{color:var(--color-accent-warm)}.import-wizard__paste-area{width:100%;padding:var(--space-4);font-family:Consolas,Monaco,monospace;font-size:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical;line-height:1.6;color:var(--color-text);background:var(--color-bg)}.import-wizard__paste-area:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.import-wizard__paste-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.import-wizard__mapping-table{margin-bottom:var(--space-6)}.import-wizard__mapping-header{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-4);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);border-bottom:2px solid var(--color-border)}.import-wizard__mapping-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-4);align-items:center;border-bottom:1px solid var(--color-border)}.import-wizard__mapping-row:last-child{border-bottom:none}.import-wizard__mapping-col{font-weight:600;font-size:.9rem;color:var(--color-text)}.import-wizard__mapping-sample{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-wizard__mapping-select{width:100%;padding:var(--space-2) var(--space-3);font-size:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer}.import-wizard__mapping-select:focus{outline:none;border-color:var(--color-accent-warm);box-shadow:0 0 0 3px var(--color-accent-warm-light)}.import-wizard__warning{padding:var(--space-3) var(--space-4);background:#fef3cd;border:1px solid #ffc107;border-radius:var(--radius-md);font-size:.85rem;color:#856404;margin-bottom:var(--space-4)}.import-wizard__summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.import-wizard__summary-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);min-width:120px}.import-wizard__summary-item--success{background:#d1fae5;color:#065f46}.import-wizard__summary-item--error{background:#fee2e2;color:#991b1b}.import-wizard__summary-item--warning{background:#fef3cd;color:#856404}.import-wizard__summary-count{font-size:1.5rem;font-weight:700}.import-wizard__summary-label{font-size:.8rem;font-weight:500}.import-wizard__issues{margin-bottom:var(--space-6)}.import-wizard__issues-title{font-size:.9rem;font-weight:600;margin-bottom:var(--space-3)}.import-wizard__issues-title--error{color:#991b1b}.import-wizard__issues-title--warning{color:#856404}.import-wizard__issue{display:flex;gap:var(--space-3);padding:var(--space-2) var(--space-3);font-size:.85rem;border-radius:var(--radius-sm);margin-bottom:var(--space-1)}.import-wizard__issue--error{background:#fef2f2;color:#991b1b}.import-wizard__issue--warning{background:#fffbeb;color:#92400e}.import-wizard__issue-row{font-weight:600;min-width:50px}.import-wizard__issue-field{min-width:100px;color:inherit;opacity:.7}.import-wizard__issue-msg{flex:1}.import-wizard__more{font-size:.85rem;color:var(--color-text-secondary);font-style:italic;margin-top:var(--space-2)}.import-wizard__preview{margin-bottom:var(--space-6)}.import-wizard__preview-title{font-size:.9rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-3)}.import-wizard__preview-table{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.import-wizard__preview-header{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr .8fr;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-secondary);background:var(--color-bg-section);border-bottom:1px solid var(--color-border)}.import-wizard__preview-row{display:grid;grid-template-columns:1.5fr 1fr 1.5fr 1fr .8fr;gap:var(--space-2);padding:var(--space-3) var(--space-4);font-size:.85rem;color:var(--color-text);border-bottom:1px solid var(--color-border)}.import-wizard__preview-row:last-child{border-bottom:none}.import-wizard__preview-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-wizard__actions{display:flex;gap:var(--space-3)}.import-wizard__btn-primary{background:var(--color-accent-warm);color:#fff;border:none;padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:600;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.import-wizard__btn-primary:hover:not(:disabled){background:var(--color-accent-warm-dark)}.import-wizard__btn-primary:disabled{opacity:.5;cursor:not-allowed}.import-wizard__btn-secondary{background:none;border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:500;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.import-wizard__btn-secondary:hover{border-color:var(--color-text-secondary);color:var(--color-text)}@media (max-width: 768px){.import-wizard__mapping-header,.import-wizard__mapping-row{grid-template-columns:1fr;gap:var(--space-2)}.import-wizard__mapping-header span:nth-child(2),.import-wizard__mapping-sample{display:none}.import-wizard__preview-header,.import-wizard__preview-row{grid-template-columns:1fr 1fr}.import-wizard__preview-header span:nth-child(n+4),.import-wizard__preview-row span:nth-child(n+4){display:none}.import-wizard__step-label{display:none}.import-wizard__summary{flex-direction:column}}.App{min-height:100vh;display:flex;flex-direction:column}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-primary: #2563eb;--color-primary-dark: #1d4ed8;--color-primary-light: #60a5fa;--color-accent-warm: #d4956b;--color-accent-warm-dark: #b87a4e;--color-accent-warm-light: #f0d5c0;--color-accent-gold: #c9953c;--color-accent-gold-light: #f5e6c8;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-inverse: #ffffff;--color-bg: #ffffff;--color-bg-warm: #faf7f4;--color-bg-section: #f8f6f3;--color-bg-dark: #1e293b;--color-border: #e2e8f0;--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;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;color:var(--color-text);background-color:var(--color-bg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}img{max-width:100%;height:auto}