.spinner{display:inline-block;border:2.5px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinner-rotate .6s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.toast-container{position:fixed;top:var(--space-4);right:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);max-width:400px;width:calc(100% - var(--space-8))}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-card-hover);animation:toast-slide-in var(--transition-toast) forwards}@keyframes toast-slide-in{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}.toast--success{background-color:var(--color-success-light);border:1px solid var(--color-success);color:#3d6b1f}.toast--error{background-color:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error)}.toast--warning{background-color:var(--color-warning-light);border:1px solid var(--color-warning);color:#8b5e2b}.toast--info{background-color:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info)}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:var(--text-small);font-weight:var(--weight-medium)}.toast__close{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--transition-fast)}.toast__close:hover{opacity:1}.main-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--color-secondary)}.header{background:#fff8f0eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-nav);transition:box-shadow var(--transition-fast)}.header__container{max-width:var(--max-width);margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.header__menu-btn{display:none;background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-2);margin-left:calc(var(--space-2) * -1);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.header__menu-btn:hover{background:var(--color-disabled)}.header__logo{flex-shrink:0}.header__logo-img{height:36px;width:auto}.header__search-desktop{flex:1;max-width:420px;display:none}.header__search-mobile{padding:0 var(--space-4) var(--space-3);display:block}.header__nav-desktop{display:none;align-items:center;gap:var(--space-5);margin-left:auto}.header__nav-link{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--weight-medium);font-size:var(--text-small);transition:color var(--transition-fast);cursor:pointer;position:relative}.header__nav-link:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px;transform:scaleX(0);transition:transform var(--transition-fast)}.header__nav-link:hover{color:var(--color-primary)}.header__nav-link:hover:after{transform:scaleX(1)}.header__nav-link--accent{color:var(--color-accent)}.header__nav-link--accent:hover{color:var(--color-accent-hover)}.header__nav-link--accent:after{background:var(--color-accent)}.header__btn{text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);font-weight:var(--weight-semibold);font-size:var(--text-small);transition:all var(--transition-fast);cursor:pointer}.header__btn--primary{background:var(--color-primary);color:var(--color-text-on-primary);border:none;box-shadow:0 2px 8px #e6394633}.header__btn--primary:hover{background:var(--color-primary-hover);box-shadow:0 4px 12px #e639464d;transform:translateY(-1px)}.header__icons-mobile{display:flex;align-items:center;gap:var(--space-2);margin-left:auto}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer}.header__icon-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.header__user-menu{position:relative}.header__user-btn{display:flex;align-items:center;gap:var(--space-2);background:none;border:1.5px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-3);cursor:pointer;font-size:var(--text-small);color:var(--color-text);transition:all var(--transition-fast)}.header__user-btn:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.header__user-avatar{width:28px;height:28px;border-radius:var(--radius-full);object-fit:cover}.header__user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 8px 32px #2b18101f;min-width:200px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all var(--transition-fast);overflow:hidden}.header__user-menu:hover .header__user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.header__dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-small);transition:all var(--transition-fast);width:100%;border:none;background:none;cursor:pointer}.header__dropdown-item:hover{background:var(--color-disabled);color:var(--color-text)}.header__dropdown-item--danger:hover{color:var(--color-error);background:var(--color-error-light)}.search-bar{display:flex;align-items:center;background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-pill);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-search);transition:all var(--transition-fast)}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light),var(--shadow-search)}.search-bar__icon{color:var(--color-text-secondary);flex-shrink:0}.search-bar__input{flex:1;border:none;background:none;font-size:var(--text-small);color:var(--color-text);outline:none;padding:var(--space-1) var(--space-2)}.search-bar__input::placeholder{color:var(--color-text-secondary)}.mobile-menu{position:fixed;top:0;left:0;width:280px;height:100vh;background:var(--color-surface);z-index:calc(var(--z-nav) + 10);transform:translate(-100%);transition:transform var(--transition-modal);display:flex;flex-direction:column;box-shadow:4px 0 24px #2b181014}.mobile-menu--open{transform:translate(0)}.mobile-menu__nav{display:flex;flex-direction:column;padding:var(--space-4);flex:1;overflow-y:auto}.mobile-menu__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;font-weight:var(--weight-medium);border-radius:var(--radius-md);transition:all var(--transition-fast);border:none;background:none;width:100%;cursor:pointer;font-size:var(--text-body)}.mobile-menu__item:hover{background:var(--color-disabled)}.mobile-menu__item--accent{background:linear-gradient(135deg,var(--color-accent-light),rgba(229,163,75,.15));color:var(--color-accent);font-weight:var(--weight-semibold)}.mobile-menu__item--accent:hover{background:var(--color-accent);color:var(--color-text-on-primary)}.mobile-menu__item--danger{color:var(--color-error)}.mobile-menu__item--danger:hover{background:var(--color-error-light)}.mobile-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b181066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-nav) + 5);animation:menuFadeIn .2s ease}.main-content{flex:1}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) var(--space-4) var(--space-6);margin-top:auto}.footer__container{max-width:var(--max-width);margin:0 auto}.footer__brand{margin-bottom:var(--space-6)}.footer__logo{height:32px;width:auto;margin-bottom:var(--space-2)}.footer__tagline{color:var(--color-text-secondary);font-size:var(--text-small);line-height:var(--line-height-normal)}.footer__links{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}.footer__column{display:flex;flex-direction:column;gap:var(--space-2)}.footer__title{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-small);color:var(--color-text);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:.5px}.footer__column a{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-small);transition:color var(--transition-fast);padding:var(--space-1) 0}.footer__column a:hover{color:var(--color-primary)}.footer__bottom{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-caption);text-align:center}@keyframes menuFadeIn{0%{opacity:0}to{opacity:1}}@media(min-width:768px){.header__menu-btn{display:flex}.header__search-desktop{display:block}.header__search-mobile{display:none}.footer__links{grid-template-columns:repeat(3,1fr)}.footer__bottom{flex-direction:row;justify-content:space-between;text-align:left}}@media(min-width:1024px){.header__menu-btn,.header__icons-mobile{display:none}.header__nav-desktop{display:flex}.header__container{padding:var(--space-4) var(--space-6)}.footer__container{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-10);align-items:start}.footer__links{display:flex;justify-content:flex-end;gap:var(--space-10);margin-bottom:0}}@media(prefers-reduced-motion:reduce){.mobile-menu{transition:none}.mobile-menu__backdrop{animation:none}}.auth-layout{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--color-secondary);padding:var(--space-4)}.auth-layout__container{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:440px}.auth-layout__logo{display:flex;justify-content:center}.auth-layout__logo-img{height:80px;width:auto}.auth-layout__card{width:100%;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-card)}.auth-layout__back{font-size:var(--text-small);color:var(--color-text-secondary);transition:color var(--transition-fast)}.auth-layout__back:hover{color:var(--color-primary)}.dashboard-layout{display:flex;flex-direction:column;min-height:100vh;background:var(--color-secondary)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:var(--z-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb}.dashboard-header__menu-btn{background:none;border:none;cursor:pointer;color:var(--color-text);padding:var(--space-2);border-radius:var(--radius-sm);transition:background var(--transition-fast)}.dashboard-header__menu-btn:hover{background:var(--color-disabled)}.dashboard-header__logo-img{height:32px;width:auto}.dashboard-header__home{color:var(--color-text-secondary);padding:var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.dashboard-header__home:hover{color:var(--color-primary);background:var(--color-primary-light)}.dashboard-sidebar{position:fixed;left:0;top:0;width:272px;height:100vh;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transform:translate(-100%);transition:transform var(--transition-modal);z-index:calc(var(--z-nav) + 10);box-shadow:4px 0 24px #2b18100a}.dashboard-sidebar--open{transform:translate(0)}.dashboard-sidebar__header{padding:var(--space-5);background:linear-gradient(135deg,#fff8f0,#fde8ea);border-bottom:1px solid var(--color-border)}.dashboard-sidebar__logo-img{height:28px;width:auto;display:block;margin-bottom:var(--space-5)}.dashboard-sidebar__user{display:flex;align-items:center;gap:var(--space-3)}.dashboard-sidebar__avatar{width:42px;height:42px;border-radius:var(--radius-full);object-fit:cover;border:2px solid rgba(230,57,70,.15);box-shadow:0 2px 8px #2b181014}.dashboard-sidebar__avatar--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-light),var(--color-accent-light));color:var(--color-primary)}.dashboard-sidebar__user-info{display:flex;flex-direction:column;min-width:0}.dashboard-sidebar__user-name{font-weight:var(--weight-bold);font-size:var(--text-small);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar__user-email{font-size:var(--text-caption);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-sidebar__user-email__link{font-weight:600;color:var(--color-error)}.dashboard-sidebar__nav{flex:1;overflow-y:auto;padding:var(--space-4) 0;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.dashboard-sidebar__section{margin-bottom:var(--space-4)}.dashboard-sidebar__section-title{display:block;padding:var(--space-2) var(--space-5);font-size:11px;font-weight:var(--weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.8px;opacity:.7}.dashboard-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-5);margin:1px var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-small);font-weight:var(--weight-medium);transition:all var(--transition-fast);border:none;background:none;width:calc(100% - var(--space-4));cursor:pointer;border-radius:var(--radius-md)}.dashboard-sidebar__item:hover{background:var(--color-disabled);color:var(--color-text)}.dashboard-sidebar__item--active{background:var(--color-primary-light);color:var(--color-primary);font-weight:var(--weight-semibold)}.dashboard-sidebar__badge{margin-left:auto;background:var(--color-primary);color:var(--color-text-on-primary);font-size:11px;font-weight:var(--weight-bold);padding:2px 8px;border-radius:var(--radius-pill);min-width:20px;text-align:center}.dashboard-sidebar__item--logout{color:var(--color-error)}.dashboard-sidebar__item--logout:hover{background:var(--color-error-light);color:var(--color-error)}.dashboard-sidebar__footer{padding:var(--space-3) 0;border-top:1px solid var(--color-border);margin-top:auto}.dashboard-sidebar__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b181066;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-nav) + 5);animation:fadeIn .2s ease}.dashboard-main{flex:1;width:100%;min-height:100vh}.dashboard-main__content{padding:var(--space-5);max-width:1200px;margin:0 auto;animation:slideUp .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1024px){.dashboard-layout{flex-direction:row}.dashboard-header{display:none}.dashboard-sidebar{transform:translate(0);position:sticky;top:0;height:100vh;flex-shrink:0}.dashboard-sidebar__backdrop{display:none}.dashboard-main__content{padding:var(--space-8) var(--space-10)}}@media(prefers-reduced-motion:reduce){.dashboard-main__content,.dashboard-sidebar__backdrop{animation:none}.dashboard-sidebar{transition:none}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{min-height:100vh}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}#root{isolation:isolate}:root{--color-primary: #E63946;--color-primary-hover: #D32F3C;--color-primary-light: #FDE8EA;--color-secondary: #FFF8F0;--color-accent: #E5A34B;--color-accent-hover: #D4923A;--color-accent-light: #FDF3E4;--color-text: #2B1810;--color-text-secondary: #6B5444;--color-text-on-primary: #FFFFFF;--color-success: #6A9E3F;--color-success-light: #EDF5E5;--color-error: #C1292E;--color-error-light: #FDEAEA;--color-warning: #F4A261;--color-warning-light: #FEF3E8;--color-info: #457B9D;--color-info-light: #E8F0F5;--color-surface: #FFFFFF;--color-border: #E8E0D8;--color-disabled: #F5F0EB;--color-overlay: #2B181080;--font-display: "Nunito", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-display: 1.75rem;--text-h1: 1.5rem;--text-h2: 1.25rem;--text-h3: 1.125rem;--text-body: 1rem;--text-body-medium: 1rem;--text-small: .875rem;--text-caption: .75rem;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 24px;--radius-full: 50%;--shadow-card: 0 2px 8px rgba(43, 24, 16, .06);--shadow-card-hover: 0 4px 16px rgba(43, 24, 16, .12);--shadow-search: 0 2px 8px rgba(43, 24, 16, .06);--transition-fast: .2s ease;--transition-modal: .25s ease-out;--transition-toast: .3s ease-out;--z-nav: 100;--z-modal: 200;--z-toast: 300;--max-width: 1200px}@media(min-width:768px){:root{--text-display: 2.5rem;--text-h1: 2rem;--text-h2: 1.5rem;--text-h3: 1.25rem}}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b181080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);animation:fadeIn .2s ease}.modal{background:var(--color-surface);padding:var(--space-6);border-radius:var(--radius-lg);max-width:440px;width:100%;box-shadow:0 20px 60px #2b181033;animation:modalSlideUp .25s ease-out}.modal h3{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:var(--text-h2);margin:0 0 var(--space-2);color:var(--color-text)}.modal p{color:var(--color-text-secondary);font-size:var(--text-small);margin-bottom:var(--space-4);line-height:var(--line-height-normal)}.modal textarea,.modal input{width:100%;padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);font-family:var(--font-body);margin-bottom:var(--space-4);transition:all var(--transition-fast);color:var(--color-text)}.modal textarea:focus,.modal input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.modal,.modal-overlay{animation:none}}