:root{--primary-color: #1e40af;--primary-hover: #1e3a8a;--accent-color: #f97316;--success-color: #059669;--danger-color: #dc2626;--warning-color: #f59e0b;--gray-100: #f8fafc;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-500: #64748b;--gray-700: #334155;--gray-900: #0f172a;--white: #ffffff;--shadow: 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--radius: 4px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background-color:#e2e8f0;color:var(--gray-900);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-layout{display:flex;min-height:100vh;position:relative}.sidebar-toggle{display:none;position:fixed;top:1rem;left:1rem;z-index:1002;width:40px;height:40px;padding:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;color:var(--gray-700);transition:all .2s}.sidebar-toggle:hover{background:var(--gray-100)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:999}.main-content{flex:1;padding:2rem;overflow-y:auto;background:#e2e8f0}.loading-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--gray-500)}.name-prompt-overlay{position:fixed;inset:0;background:linear-gradient(135deg,var(--primary-color) 0%,#3b82f6 100%);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem}.name-prompt-modal{background:var(--white);border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 25px 50px #00000040;text-align:center;animation:modalPop .3s ease-out}@keyframes modalPop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.name-prompt-modal h2{font-size:1.75rem;font-weight:700;color:var(--gray-900);margin-bottom:.5rem}.name-prompt-modal p{color:var(--gray-500);margin-bottom:1.5rem}.name-prompt-input{width:100%;padding:1rem 1.25rem;font-size:1.125rem;border:2px solid var(--gray-200);border-radius:12px;outline:none;transition:border-color .2s,box-shadow .2s;margin-bottom:1rem}.name-prompt-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a}.name-prompt-input::placeholder{color:var(--gray-300)}.name-prompt-btn{width:100%;padding:1rem;font-size:1.125rem;border-radius:12px}.name-prompt-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-nav{width:280px;height:100vh;position:sticky;top:0;background:var(--white);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;z-index:1001}.sidebar-logo{padding:1.5rem;border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between}.sidebar-logo h1{font-size:1.25rem;color:var(--primary-color);margin:0}.sidebar-close-btn{display:none;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--gray-700);cursor:pointer;border-radius:var(--radius);transition:background .2s}.sidebar-close-btn:hover{background:var(--gray-100)}.sidebar-menu{padding:1rem 0}.sidebar-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;border:none;background:transparent;color:var(--gray-700);font-size:.9rem;cursor:pointer;transition:all .2s ease;text-align:left;position:relative}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--primary-color);border-radius:0 2px 2px 0;transition:height .2s ease}.sidebar-item.active:before{height:60%}.sidebar-item:hover{background:var(--gray-100)}.sidebar-item.active{background:var(--gray-100);color:var(--primary-color);font-weight:500}.sidebar-item svg{flex-shrink:0}.sidebar-submenu{padding:.5rem 0;margin-top:auto}.submenu-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer}.submenu-header-text{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.submenu-header-value{font-size:.9rem;font-weight:600;color:var(--gray-900)}.submenu-header-label{font-size:.65rem;font-weight:500;color:var(--gray-500);letter-spacing:.05em}.submenu-arrow{transition:transform .2s}.submenu-arrow.open{transform:rotate(180deg)}.submenu-content{padding:.5rem 0;overflow:hidden;animation:slideDown .25s ease-out;transform-origin:bottom}@keyframes slideDown{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.submenu-empty{padding:.5rem 1.5rem;color:var(--gray-500);font-size:.85rem}.submenu-item{display:block;width:100%;padding:.5rem 1.5rem .5rem 2.5rem;border:none;background:transparent;color:var(--gray-600);font-size:.875rem;cursor:pointer;text-align:left;transition:all .2s;animation:fadeInUp .2s ease-out backwards}.submenu-item:nth-child(1){animation-delay:.03s}.submenu-item:nth-child(2){animation-delay:.06s}.submenu-item:nth-child(3){animation-delay:.09s}.submenu-item:nth-child(4){animation-delay:.12s}.submenu-item:nth-child(5){animation-delay:.15s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideOutUp{0%{opacity:1;max-height:200px;margin-bottom:.75rem;transform:translateY(0)}50%{opacity:0;transform:translateY(-10px)}to{opacity:0;max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;transform:translateY(-10px)}}.submenu-item:hover{background:var(--gray-100);color:var(--gray-900)}.submenu-item.active{color:var(--primary-color);font-weight:500}.home-view{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;height:100%;text-align:center;gap:1.5rem;padding-top:3rem;overflow:hidden}.home-view-image{margin-top:auto;max-width:100%;max-height:45vh;object-fit:contain;opacity:.9}.home-view h1{font-size:2rem;color:var(--gray-700);margin:0}.home-view>p{color:var(--gray-500);margin:0}.campus-cards{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.campus-card-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 2rem;background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius);cursor:pointer;transition:all .25s ease;min-width:150px;animation:scaleIn .3s ease-out backwards}.campus-card-btn:nth-child(1){animation-delay:.05s}.campus-card-btn:nth-child(2){animation-delay:.1s}.campus-card-btn:nth-child(3){animation-delay:.15s}.campus-card-btn:nth-child(4){animation-delay:.2s}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.campus-card-btn:hover{border-color:var(--primary-color);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.campus-card-btn.active{border-color:var(--primary-color);background:#3b82f60d}.campus-card-name{font-size:1.1rem;font-weight:600;color:var(--gray-900)}.campus-card-badge{font-size:.75rem;font-weight:500;color:var(--white);background:var(--primary-color);padding:.2rem .6rem;border-radius:9999px}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.schedule-view{height:100%}.schedule-header{margin-bottom:1.5rem}.schedule-header h1{font-size:1.75rem;color:var(--gray-900);margin:0}.schedule-content{display:flex;gap:2rem;overscroll-behavior:contain}.schedule-left{flex-shrink:0;width:320px;overscroll-behavior:contain}.schedule-right{flex:1;min-width:0;overscroll-behavior:contain}.no-selection{display:flex;align-items:center;justify-content:center;height:300px;background:var(--white);border-radius:var(--radius);color:var(--gray-500)}.calendar-section{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem;margin-bottom:1rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.calendar-month{font-size:1.1rem;font-weight:600;color:var(--gray-900);text-transform:capitalize}.calendar-nav{display:flex;gap:.5rem}.calendar-nav-btn{width:32px;height:32px;border:none;background:transparent;color:var(--primary-color);font-size:1rem;cursor:pointer;border-radius:var(--radius);transition:background .2s}.calendar-nav-btn:hover{background:var(--gray-100)}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day-header{text-align:center;font-size:.75rem;font-weight:500;color:var(--gray-500);padding:.5rem 0}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:none;background:transparent;font-size:.875rem;color:var(--gray-700);cursor:pointer;border-radius:50%;transition:all .2s}.calendar-day:hover:not(.empty){background:var(--gray-100)}.calendar-day.selected{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color);font-weight:600}.calendar-day.empty{cursor:default}.calendar-day.disabled{color:var(--gray-300);cursor:not-allowed;background:var(--gray-50)}.calendar-day.disabled:hover{background:var(--gray-50)}.calendar-nav-btn.disabled{color:var(--gray-300);cursor:not-allowed;opacity:.5}.calendar-nav-btn.disabled:hover{background:transparent}.period-selector{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.5rem}.period-selector label{display:block;margin-bottom:.5rem;font-weight:500;color:var(--gray-700)}.desks-section{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.desks-section h2{font-size:1.25rem;color:var(--gray-900);margin:0 0 1rem}.floor-tabs{display:flex;gap:0;border-bottom:1px solid var(--gray-200);margin-bottom:1rem}.floor-tab{padding:.75rem 1rem;border:none;background:transparent;color:var(--gray-500);font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s;animation:fadeInUp .25s ease-out backwards}.floor-tab:nth-child(1){animation-delay:.02s}.floor-tab:nth-child(2){animation-delay:.04s}.floor-tab:nth-child(3){animation-delay:.06s}.floor-tab:nth-child(4){animation-delay:.08s}.floor-tab:nth-child(n+5){animation-delay:.1s}.floor-tab:hover{color:var(--gray-700)}.floor-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.zoom-controls{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.zoom-controls span{font-size:.875rem;color:var(--gray-600)}.zoom-buttons{display:flex;gap:.5rem}.zoom-btn{width:36px;height:36px;border:none;background:var(--primary-color);color:var(--white);font-size:1.25rem;font-weight:600;cursor:pointer;border-radius:var(--radius);transition:background .2s}.zoom-btn:hover{background:var(--primary-hover)}.floor-plan-wrapper{border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden}.interactive-floor-container{display:flex;flex-direction:column;gap:1rem}.interactive-floor-plan{width:100%;border:1px solid var(--gray-200);border-radius:var(--radius);overflow:hidden;background:var(--gray-100);position:relative;overscroll-behavior:contain!important;touch-action:none!important}.floor-plan-transform{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none;overscroll-behavior:contain!important;transform-origin:0 0}.floor-plan-image-wrapper{position:relative;width:100%}.floor-plan-image-wrapper img{display:block;width:100%;height:auto;pointer-events:none}.zoom-level{font-size:.8rem;color:var(--gray-500);margin-left:.5rem}.zoom-hint{text-align:center;font-size:.8rem;color:var(--gray-500);margin:0}.desks-section-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.desks-section-header h2{margin:0}.desk-search-container{position:relative;max-width:300px}.desk-search-input{width:100%;padding:.625rem 2.5rem .625rem .875rem;border:1px solid var(--gray-300);border-radius:4px;font-size:.875rem;transition:all .15s;background:var(--white)}.desk-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.desk-search-input::placeholder{color:var(--gray-400)}.desk-search-clear{position:absolute;right:.625rem;top:50%;transform:translateY(-50%);background:var(--gray-200);border:none;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.75rem;color:var(--gray-600);transition:all .15s;padding:0}.desk-search-clear:hover{background:var(--gray-300);color:var(--gray-900)}.desk-list{display:flex;flex-direction:column;gap:1.5rem}.desk-list-floor-group{display:flex;flex-direction:column;gap:.5rem}.desk-list-floor-header{font-size:.875rem;font-weight:600;color:var(--gray-700);padding:.5rem 0;border-bottom:1px solid var(--gray-200);margin:0}.desk-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.desk-list-item{display:flex;flex-direction:column;padding:1rem;background:#fff;border-radius:8px;border:1px solid var(--gray-200);transition:all .2s ease;box-shadow:0 1px 2px #0000000d}.desk-list-item.bookable{cursor:pointer}.desk-list-item.bookable:hover{border-color:var(--primary-color);box-shadow:0 4px 6px #3b82f626;transform:translateY(-1px)}.desk-list-item.full{opacity:.7;cursor:not-allowed}.desk-list-item.has-issue{border-color:var(--warning-color);background:#fffbeb}.desk-list-name{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.desk-list-periods{display:flex;gap:.25rem}.desk-list-period{width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:600;color:#fff}.desk-list-period.available{background:var(--success-color)}.desk-list-period.reserved{background:var(--danger-color)}.desk-list-period.mine{background:var(--primary-color)}.btn-sm{padding:.375rem .75rem;font-size:.8rem}.no-desks{text-align:center;color:var(--gray-500);padding:2rem}.reservation-drawer{position:fixed;top:0;right:0;width:360px;height:100vh;background:var(--white);box-shadow:-4px 0 15px #0000001a;padding:2rem;z-index:1001;overflow-y:auto;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);overscroll-behavior:contain;touch-action:pan-x}.reservation-drawer.open{transform:translate(0)}.reservation-drawer.open .reservation-form{animation:slideInRight .3s ease-out .1s backwards}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.drawer-overlay{position:fixed;inset:0;background:#0000004d;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes deskPop{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.btn{padding:.5rem 1rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease-out;border:none}.btn:active:not(:disabled){transform:scale(.96)}.btn-primary{background:var(--primary-color);color:var(--white)}.btn-secondary{background:var(--gray-200);color:var(--gray-700)}.btn-secondary:hover{background:var(--gray-300)}.btn-outline{background:transparent;border:1px solid var(--gray-300);color:var(--gray-700)}.btn-outline:hover{background:var(--gray-100)}.btn-danger{background:var(--danger-color);color:var(--white)}.btn-danger:hover{background:#dc2626}.btn-success{background:var(--success-color);color:var(--white)}.btn-success:hover{background:#16a34a}input,select,textarea{padding:.5rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:var(--gray-700)}.card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.campus-selector{text-align:center;max-width:600px;margin:0 auto}.campus-selector h2{margin-bottom:2rem;color:var(--gray-700)}.campus-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.campus-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:2rem;cursor:pointer;transition:all .2s;border:2px solid transparent}.campus-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.campus-card h3{font-size:1.25rem;color:var(--gray-900)}.no-campus{color:var(--gray-500);padding:2rem}.floor-selector{display:flex;gap:.5rem}.floor-btn{padding:.5rem 1rem;border:1px solid var(--gray-300);background:var(--white);border-radius:var(--radius);cursor:pointer;transition:all .2s}.floor-btn:hover{background:var(--gray-100)}.floor-btn.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.floor-view{max-width:1400px;margin:0 auto}.floor-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.floor-header h2{color:var(--gray-900)}.floor-content{display:grid;grid-template-columns:1fr 320px;gap:1.5rem}.floor-plan-container{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.date-period-selector{display:flex;gap:1rem;margin-bottom:1rem}.date-period-selector input,.date-period-selector select{width:auto}.floor-plan{position:relative;width:100%;background:var(--gray-100);border-radius:var(--radius);overflow:hidden}.floor-plan img{width:100%;height:auto;display:block}.floor-plan-empty{padding:4rem;text-align:center;color:var(--gray-500)}.desk-marker{position:absolute;width:40px;height:24px;border-radius:12px;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;border:2px solid var(--white);box-shadow:var(--shadow);overflow:hidden;animation:deskPop .3s ease-out backwards}.desk-marker:hover{transform:translate(-50%,-50%) scale(1.2);z-index:10}.desk-marker.available{background:var(--success-color)}.desk-marker.reserved{background:var(--danger-color)}.desk-marker.mine{background:var(--primary-color)}.desk-marker.highlighted{background:#f97316;border-color:#ea580c;border-width:3px;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #f97316b3}50%{box-shadow:0 0 0 10px #f9731600}}.desk-marker.has-issue{border-color:var(--warning-color)}.desk-marker.mixed{background:linear-gradient(135deg,var(--success-color) 50%,var(--danger-color) 50%)}.desk-marker-periods{display:flex;width:100%;height:100%}.desk-marker-fullday{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:var(--white)}.period-indicator{flex:1;display:flex;align-items:center;justify-content:center;font-size:.6rem;font-weight:700;color:var(--white)}.period-indicator.available{background:var(--success-color)}.period-indicator.reserved{background:var(--danger-color)}.period-indicator.mine{background:var(--primary-color)}.desk-marker .desk-name{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.65rem;background:var(--gray-900);color:var(--white);padding:2px 6px;border-radius:4px;opacity:0;transition:opacity .2s}.desk-marker:hover .desk-name{opacity:1}.desk-tooltip{position:fixed;transform:translate(-50%,calc(-100% - 15px));background:var(--white);border-radius:4px;box-shadow:var(--shadow);padding:0;z-index:1000;pointer-events:none;min-width:160px;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translate(-50%,calc(-100% - 10px))}to{opacity:1;transform:translate(-50%,calc(-100% - 15px))}}.desk-tooltip:after{content:"";position:absolute;bottom:-6px;left:50%;width:12px;height:12px;background:var(--white);border-right:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05);transform:translate(-50%) rotate(45deg)}.desk-tooltip-body{padding:.5rem;display:flex;flex-direction:column;gap:.375rem}.tooltip-period{display:flex;align-items:center;gap:.5rem;padding:.375rem;border-radius:4px;background:var(--gray-50);transition:background .15s}.tooltip-period:hover{background:var(--gray-100)}.tooltip-period-info{display:flex;flex-direction:column;gap:.125rem;flex:1}.tooltip-period-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--gray-500)}.tooltip-person-name{font-size:.75rem;font-weight:500;color:var(--gray-900)}.tooltip-person-name.available{color:var(--success-color);font-weight:600}.sidebar{display:flex;flex-direction:column;gap:1rem}.reservation-form{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.reservation-form h3{margin-bottom:.25rem;color:var(--gray-900)}.reservation-date{font-size:.875rem;color:var(--gray-500);margin-bottom:1rem;text-transform:capitalize}.my-reservations{background:var(--gray-50);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;border:1px solid var(--gray-200)}.my-reservations h4{font-size:.75rem;text-transform:uppercase;color:var(--gray-500);margin-bottom:.75rem;font-weight:600}.my-reservation-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem 0}.my-reservation-item+.my-reservation-item{border-top:1px solid var(--gray-200)}.my-reservation-period{font-weight:500;color:var(--gray-700)}.btn-sm{padding:.375rem .75rem;font-size:.75rem}.conflict-message{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius);margin-bottom:1rem}.conflict-icon{color:#dc2626;flex-shrink:0;margin-top:2px}.conflict-text{display:flex;flex-direction:column;gap:.25rem}.conflict-text strong{color:#dc2626;font-size:.875rem}.conflict-text span{color:#7f1d1d;font-size:.8rem}.desk-state-section{background:var(--gray-50);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;border:1px solid var(--gray-200)}.desk-state-section h4{font-size:.75rem;text-transform:uppercase;color:var(--gray-500);margin-bottom:.75rem;font-weight:600}.crenel-status{display:flex;flex-direction:column;gap:.75rem}.crenel-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem;background:var(--white);border-radius:calc(var(--radius) - 2px);border:1px solid var(--gray-200)}.crenel-label{font-weight:500;color:var(--gray-700);font-size:.875rem;min-width:80px}.crenel-value{font-size:.875rem;flex:1;text-align:right;padding-left:.5rem}.crenel-value.available{color:var(--success-color);font-weight:500}.crenel-value.reserved{color:var(--danger-color);font-weight:500}.crenel-value.my-reservation{color:var(--primary-color);font-weight:500}.crenel-value.with-avatar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}.form-group{margin-bottom:1rem}.user-name-display{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--gray-100);border-radius:var(--radius);font-weight:500;color:var(--gray-900);border:1px solid var(--gray-200)}.edit-name-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);color:var(--gray-500);cursor:pointer;transition:all .15s}.edit-name-btn:hover{background:var(--gray-100);color:var(--primary-color);border-color:var(--primary-color)}.form-actions{display:flex;gap:.5rem;margin-top:1rem}.form-actions .btn{flex:1}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.checkbox-label span{font-size:.875rem;color:var(--gray-700)}.recurring-day-select{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;background:var(--white);color:var(--gray-900);cursor:pointer;transition:border-color .2s}.recurring-day-select:focus{outline:none;border-color:var(--primary-color)}.recurring-preview{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.8125rem;color:var(--gray-700);line-height:1.5}.recurring-preview svg{flex-shrink:0;margin-top:.125rem;color:var(--primary-color)}.recurring-preview strong{color:var(--primary-color);font-weight:600}.alternance-group{margin-top:.5rem;padding-left:1.5rem}.alternance-settings{margin-top:.75rem;padding:.75rem;background:var(--gray-50);border-radius:8px;border:1px solid var(--gray-200)}.alternance-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.875rem;color:var(--gray-700)}.alternance-input{width:50px;padding:.375rem .5rem;border:1px solid var(--gray-300);border-radius:6px;font-size:.875rem;text-align:center;background:#fff}.alternance-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #2563eb1a}.alternance-separator{font-weight:600;color:var(--gray-500)}.alternance-hint{margin-top:.5rem;font-size:.75rem;color:var(--gray-500);font-style:italic}.period-options{display:flex;gap:.5rem;flex-wrap:wrap}.period-option{padding:.5rem 1rem;border:2px solid var(--gray-300);background:var(--white);border-radius:var(--radius);font-size:.875rem;cursor:pointer;transition:all .2s;flex:1;min-width:100px;text-align:center}.period-option:hover{border-color:var(--primary-color)}.period-option.active{border-color:var(--primary-color);background:var(--primary-color);color:var(--white)}.period-option.journee{flex-basis:100%}.period-info{font-size:.8rem;margin-top:.5rem;margin-bottom:0}.period-info.reserved{color:var(--danger-color)}.reservation-list{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.reservation-list h3{margin-bottom:1rem;color:var(--gray-900)}.reservation-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-radius:var(--radius);background:var(--gray-100);margin-bottom:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:100px;overflow:hidden}.reservation-item:last-child{margin-bottom:0}.reservation-info{display:flex;flex-direction:column}.reservation-desk{font-weight:500;color:var(--gray-900)}.reservation-person{font-size:.875rem;color:var(--gray-500)}.no-reservations{color:var(--gray-500);text-align:center;padding:1rem}.admin-panel{max-width:1200px;margin:0 auto}.admin-header{margin-bottom:1.5rem}.admin-header h2{color:var(--gray-900)}.admin-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--gray-200);padding-bottom:.5rem}.admin-tab{padding:.5rem 1rem;border:none;background:transparent;cursor:pointer;font-size:.875rem;color:var(--gray-500);border-bottom:2px solid transparent;transition:all .2s}.admin-tab:hover{color:var(--gray-700)}.admin-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}.admin-content{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.5rem}.admin-form{display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--gray-200)}.admin-form input{flex:1}.view-info{animation:fadeInUp .25s ease-out}.admin-list{display:flex;flex-direction:column;gap:.5rem}.admin-list-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--gray-100);border-radius:var(--radius);animation:fadeInUp .25s ease-out backwards}.admin-list-item:nth-child(1){animation-delay:.03s}.admin-list-item:nth-child(2){animation-delay:.06s}.admin-list-item:nth-child(3){animation-delay:.09s}.admin-list-item:nth-child(4){animation-delay:.12s}.admin-list-item:nth-child(5){animation-delay:.15s}.admin-list-item:nth-child(n+6){animation-delay:.18s}.admin-list-item span{font-weight:500}.desk-editor{display:flex;flex-direction:column;gap:1rem}.snap-controls{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);padding:1rem;margin-bottom:.5rem}.snap-control-group{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.snap-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.snap-toggle input[type=checkbox]{width:18px;height:18px;cursor:pointer}.snap-toggle span{font-size:.875rem;font-weight:500;color:var(--gray-700)}.snap-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:500;color:var(--gray-700)}.snap-select{padding:.375rem .75rem;border:1px solid var(--gray-300);border-radius:var(--radius);background:var(--white);font-size:.875rem;cursor:pointer;transition:border-color .15s}.snap-select:hover{border-color:var(--primary-color)}.snap-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.desk-editor-workspace{display:grid;grid-template-columns:1fr 300px;gap:1.5rem}.desk-editor-plan{position:relative;background:var(--gray-100);border-radius:var(--radius);cursor:crosshair;max-height:fit-content}.desk-editor-plan img{width:100%;height:auto;display:block}.desk-editor-empty{display:flex;align-items:center;justify-content:center;height:400px;color:var(--gray-500)}.desk-point{position:absolute;width:24px;height:24px;background:var(--primary-color);border:2px solid var(--white);border-radius:50%;transform:translate(-50%,-50%);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.625rem;color:var(--white);font-weight:600}.desk-point:hover{transform:translate(-50%,-50%) scale(1.2)}.desk-point.dragging{transform:translate(-50%,-50%) scale(1.3);background:var(--warning-color, #f59e0b);box-shadow:0 4px 12px #0000004d;z-index:100}.desk-editor-sidebar h4{margin-bottom:1rem;color:var(--gray-900)}.desk-editor-list{display:flex;flex-direction:column;gap:.5rem;max-height:345px;overflow-y:auto}.desk-editor-item{display:flex;gap:.5rem;align-items:center}.desk-editor-item input{flex:1}.desk-editor-item .btn{padding:.5rem}.floor-tabs-admin{display:flex;gap:.5rem;margin-bottom:1.5rem;flex-wrap:wrap}.floor-tab-admin{padding:.625rem 1.25rem;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);font-size:.875rem;font-weight:500;cursor:pointer;border-radius:var(--radius);transition:all .2s;animation:scaleIn .25s ease-out backwards}.floor-tab-admin:nth-child(1){animation-delay:.02s}.floor-tab-admin:nth-child(2){animation-delay:.04s}.floor-tab-admin:nth-child(3){animation-delay:.06s}.floor-tab-admin:nth-child(4){animation-delay:.08s}.floor-tab-admin:nth-child(n+5){animation-delay:.1s}.floor-tab-admin:hover{background:var(--gray-100);border-color:var(--gray-400)}.floor-tab-admin.active{background:var(--primary-color);color:var(--white);border-color:var(--primary-color)}.no-selection-message{display:flex;align-items:center;justify-content:center;padding:3rem;background:var(--gray-100);border-radius:var(--radius);color:var(--gray-500);text-align:center}@media(max-width:1024px){.schedule-content{flex-direction:column}.schedule-left{width:100%}.desk-editor-workspace{grid-template-columns:1fr}.snap-control-group{flex-direction:column;align-items:stretch;gap:.75rem}.reservation-drawer{width:calc(100% - 2rem);max-width:400px}.campus-cards{flex-wrap:wrap}.campus-card-btn{min-width:130px;padding:1rem 1.5rem}.main-content{padding:1.5rem}}@media(max-width:768px){:root{--shadow: 0 1px 2px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .12)}.app-layout{flex-direction:column;position:relative}.sidebar-toggle{display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:block}.sidebar-nav{position:fixed;top:0;left:0;bottom:0;width:280px;height:100vh;border-right:1px solid var(--gray-200);border-bottom:none;transform:translate(-100%);transition:transform .3s ease-in-out;z-index:1001}.sidebar-nav.open{transform:translate(0)}.sidebar-close-btn{display:flex;align-items:center;justify-content:center}.sidebar-logo{justify-content:space-between}.sidebar-logo h1{font-size:1.1rem}.main-content{padding:1rem;margin-top:0;padding-top:calc(2rem + 40px)}.schedule-header{margin-bottom:1rem}.schedule-header h1{font-size:1.5rem}.schedule-content{flex-direction:column;gap:1rem}.schedule-left{width:100%}.schedule-right{flex:1;min-width:0}.calendar-section{padding:1rem;margin-bottom:1rem}.calendar-month{font-size:.95rem}.calendar-grid{gap:1px}.desks-section{padding:1rem}.desks-section h2{font-size:1.1rem;margin-bottom:.75rem}.floor-tabs{overflow-x:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:0}.floor-tab{white-space:nowrap;padding:.625rem .875rem;font-size:.8rem}.desk-list-grid{grid-template-columns:1fr;gap:.5rem}.desk-list-item{padding:.75rem}.desk-list-name{font-size:.8rem;margin-bottom:.375rem}.reservation-drawer{width:100%;max-height:100vh;height:auto;inset:auto auto 0 0;border-radius:16px 16px 0 0;box-shadow:0 -4px 15px #0000001a;transform:translateY(100%);padding:1.5rem 1.25rem 2rem;overflow:hidden;overscroll-behavior:none;touch-action:none;transition:transform .3s ease-in-out}.reservation-drawer.open{transform:translateY(calc(100% - 50vh))}.reservation-drawer.open.expanded{transform:translateY(0)}.drawer-overlay{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;z-index:999!important}.home-view h1{font-size:1.5rem}.home-view>p{font-size:.95rem}.campus-cards{flex-direction:column;width:100%}.campus-card-btn{width:100%;min-width:0;padding:1.25rem 1.5rem}.admin-tabs{overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.25rem}.admin-tab{white-space:nowrap;padding:.5rem .875rem;font-size:.8rem}.admin-content{padding:1rem}.admin-form{flex-direction:column;gap:.75rem}.desk-editor{grid-template-columns:1fr;gap:1rem}.desk-editor-plan{min-height:250px}input,select,textarea{font-size:16px}.btn{padding:.625rem 1rem;font-size:.875rem}.btn-lg{padding:.75rem 1.5rem;font-size:.95rem;width:100%}.card{padding:1rem}.floor-header{flex-direction:column;align-items:flex-start;gap:1rem}.floor-content{grid-template-columns:1fr;gap:1rem}.desk-marker{width:26px;height:16px;border-radius:8px}.period-indicator{font-size:.55rem}}@media(max-width:480px){.main-content{padding:.75rem;padding-top:calc(1.5rem + 40px)}.sidebar-toggle{top:.75rem;left:.75rem;width:36px;height:36px}.sidebar-nav{width:100%;max-width:none}.schedule-header h1,.home-view h1{font-size:1.25rem}.campus-card-btn{padding:1rem}.calendar-section,.desks-section{padding:.75rem}.desks-section h2{font-size:1rem}.desk-list-grid{grid-template-columns:1fr}.floor-tab{padding:.5rem .75rem}.admin-content{padding:.75rem}.period-indicator{font-size:.39rem;align-items:center}.btn-lg{padding:.625rem 1rem;font-size:.875rem}.reservation-drawer{border-radius:12px 12px 0 0}.desk-marker{width:20px;height:12px;border-radius:6px}}.analysis-panel{max-width:1200px;margin:0 auto}.analysis-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.analysis-header h1{font-size:1.75rem;font-weight:600;color:var(--gray-900)}.analysis-campus-badge{background:var(--primary-color);color:#fff;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500}.btn-details-table{margin-left:auto;padding:.5rem 1rem;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-details-table:hover{background:var(--primary-hover, #2563eb);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-details-table:active{transform:scale(.96)}.analysis-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);animation:fadeInUp .3s ease-out}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-group label{font-size:.75rem;font-weight:500;color:var(--gray-500);text-transform:uppercase}.filter-group select{padding:.5rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem;background:var(--white);cursor:pointer;min-width:150px}.filter-group select:focus{outline:none;border-color:var(--primary-color)}.analysis-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.summary-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleIn .3s ease-out backwards}.summary-card:nth-child(1){animation-delay:.05s}.summary-card:nth-child(2){animation-delay:.1s}.summary-card:nth-child(3){animation-delay:.15s}.summary-card:nth-child(4){animation-delay:.2s}.summary-value{font-size:2rem;font-weight:700;color:var(--primary-color);line-height:1}.summary-label{font-size:.75rem;color:var(--gray-500);margin-top:.5rem;text-transform:uppercase;font-weight:500}.analysis-section{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1rem;animation:fadeInUp .3s ease-out backwards}.analysis-section:nth-of-type(1){animation-delay:.1s}.analysis-section:nth-of-type(2){animation-delay:.2s}.analysis-section:nth-of-type(3){animation-delay:.3s}.analysis-section h3{font-size:.875rem;font-weight:600;color:var(--gray-700);margin-bottom:1rem;text-transform:uppercase;letter-spacing:.025em}.analysis-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.period-bars{display:flex;flex-direction:column;gap:.75rem}.period-bar-item{display:flex;align-items:center;gap:1rem}.period-label{width:80px;font-size:.875rem;color:var(--gray-600)}.period-bar-container{flex:1;height:24px;background:var(--gray-100);border-radius:4px;overflow:hidden}.period-bar{height:100%;border-radius:4px;transition:width .5s ease-out;animation:barGrow .6s ease-out backwards}@keyframes barGrow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.period-bar.morning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.period-bar.afternoon{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.period-bar.journee{background:linear-gradient(90deg,#10b981,#34d399)}.period-count{width:40px;text-align:right;font-size:.875rem;font-weight:600;color:var(--gray-700)}.floor-stats{display:flex;flex-direction:column;gap:.75rem}.floor-stat-item{display:flex;flex-direction:column;gap:.25rem;animation:fadeInUp .25s ease-out backwards}.floor-stat-item:nth-child(1){animation-delay:.05s}.floor-stat-item:nth-child(2){animation-delay:.1s}.floor-stat-item:nth-child(3){animation-delay:.15s}.floor-stat-item:nth-child(4){animation-delay:.2s}.floor-stat-item:nth-child(n+5){animation-delay:.25s}.floor-stat-header{display:flex;justify-content:space-between;align-items:center}.floor-stat-name{font-size:.875rem;font-weight:500;color:var(--gray-700)}.floor-stat-count{font-size:.75rem;color:var(--gray-500)}.floor-stat-bar-container{height:8px;background:var(--gray-100);border-radius:4px;overflow:hidden}.floor-stat-bar{height:100%;background:var(--primary-color);border-radius:4px;transition:width .5s ease-out;min-width:4px;animation:barGrow .6s ease-out .2s backwards}.floor-stat-desks{font-size:.7rem;color:var(--gray-400)}.top-list{display:flex;flex-direction:column;gap:.5rem}.top-list-item{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:var(--gray-50);border-radius:var(--radius);animation:fadeInUp .25s ease-out backwards}.top-list-item:nth-child(1){animation-delay:.05s}.top-list-item:nth-child(2){animation-delay:.1s}.top-list-item:nth-child(3){animation-delay:.15s}.top-list-item:nth-child(4){animation-delay:.2s}.top-list-item:nth-child(5){animation-delay:.25s}.top-rank{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--primary-color);color:#fff;border-radius:50%;font-size:.75rem;font-weight:600}.top-info{flex:1;display:flex;flex-direction:column}.top-name{font-size:.875rem;font-weight:500;color:var(--gray-700)}.top-detail{font-size:.7rem;color:var(--gray-400)}.top-count{font-size:.875rem;font-weight:600;color:var(--primary-color)}.no-data{font-size:.875rem;color:var(--gray-400);text-align:center;padding:1rem}@media(max-width:1024px){.analysis-grid{grid-template-columns:1fr 1fr}.analysis-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.analysis-filters{flex-direction:column}.filter-group select{min-width:100%}.analysis-grid{grid-template-columns:1fr}.analysis-summary{grid-template-columns:repeat(2,1fr)}.summary-value{font-size:1.5rem}.period-label{width:60px;font-size:.75rem}}.desk-issues{background:#fef3c7;border:1px solid #fcd34d;border-radius:var(--radius);padding:1rem;margin-bottom:1rem}.desk-issues h4{font-size:.75rem;text-transform:uppercase;color:#92400e;margin-bottom:.75rem;font-weight:600}.issues-list{display:flex;flex-direction:column;gap:.75rem}.issue-item{background:var(--white);border-radius:var(--radius);padding:.75rem}.issue-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.5rem}.issue-tag{display:inline-block;padding:.25rem .5rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem;font-weight:500}.issue-content{font-size:.875rem;color:var(--gray-700);margin-bottom:.5rem}.issue-meta{font-size:.75rem;color:var(--gray-500)}.report-issue-section{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--gray-200)}.report-issue-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--white);border:1px dashed var(--gray-300);color:var(--gray-500);border-radius:var(--radius);cursor:pointer;transition:all .15s}.report-issue-btn:hover{border-color:var(--warning-color);color:var(--warning-color);background:#fffbeb}.comment-form{background:var(--gray-50);border-radius:var(--radius);padding:1rem}.comment-form h4{font-size:.875rem;font-weight:600;color:var(--gray-900);margin-bottom:.75rem}.tag-selector{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag-chip{padding:.5rem .75rem;background:var(--white);border:1px solid var(--gray-300);border-radius:4px;font-size:.8125rem;color:var(--gray-700);cursor:pointer;transition:all .15s}.tag-chip:hover{border-color:var(--primary-color);color:var(--primary-color)}.tag-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.comment-textarea{width:100%;padding:.75rem;border:1px solid var(--gray-300);border-radius:var(--radius);font-size:.875rem;resize:vertical;margin-bottom:1rem;font-family:inherit}.comment-textarea:focus{outline:none;border-color:var(--primary-color)}.comment-form-actions{display:flex;gap:.5rem;justify-content:flex-end}.comment-manager{max-width:900px}.status-toggle{display:flex;gap:.25rem;background:var(--gray-100);border-radius:var(--radius);padding:.25rem}.toggle-btn{padding:.5rem 1rem;background:transparent;border:none;border-radius:var(--radius);font-size:.875rem;color:var(--gray-500);cursor:pointer;transition:all .15s}.toggle-btn.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow)}.comments-list{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.no-comments{text-align:center;color:var(--gray-500);padding:2rem}.comment-card{background:var(--white);border-radius:var(--radius);padding:1rem;box-shadow:var(--shadow);border-left:4px solid var(--warning-color)}.comment-card.resolved{border-left-color:var(--success-color);opacity:.7}.comment-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.comment-desk-info{display:flex;flex-direction:column}.comment-desk-info strong{color:var(--gray-900)}.comment-floor{font-size:.75rem;color:var(--gray-500)}.comment-card-actions{display:flex;gap:.5rem}.comment-card-tags{display:flex;flex-wrap:wrap;gap:.375rem;margin-bottom:.75rem}.comment-tag{display:inline-block;padding:.25rem .625rem;background:#fef3c7;color:#92400e;border-radius:4px;font-size:.75rem;font-weight:500}.comment-card-content{font-size:.875rem;color:var(--gray-700);margin-bottom:.75rem;padding:.5rem;background:var(--gray-50);border-radius:var(--radius)}.comment-card-meta{font-size:.75rem;color:var(--gray-500)}.btn-success{background-color:var(--success-color);color:var(--white);border:none}.btn-success:hover{background-color:#047857}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:2000;animation:fadeIn .2s ease-out}.localization-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);width:90%;max-width:900px;max-height:90vh;overflow:hidden;z-index:2001;animation:slideInUp .3s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-200)}.modal-header h3{margin:0;font-size:1.25rem;color:var(--gray-900)}.modal-close{background:none;border:none;color:var(--gray-400);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);transition:all .2s}.modal-close:hover{background:var(--gray-100);color:var(--gray-600)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 80px)}.location-info{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem;background:var(--gray-50);border-radius:var(--radius);border:1px solid var(--gray-200)}.location-item{display:flex;align-items:center;gap:.75rem}.location-label{font-size:.875rem;color:var(--gray-600);font-weight:500;min-width:100px}.location-value{font-size:.875rem;color:var(--gray-900);font-weight:600}.reservations-view{display:flex;flex-direction:column;min-height:100vh;background:var(--white)}.reservations-view .view-header{padding:2rem;border-bottom:1px solid var(--gray-200);background:var(--white);animation:fadeInUp .4s ease-out}.reservations-view .view-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--gray-900);font-weight:700;animation:fadeInUp .5s ease-out}.view-header-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:fadeInUp .6s ease-out}.reactivate-btn{white-space:nowrap;font-size:.875rem;padding:.625rem 1rem;animation:fadeInUp .5s ease-out,pulse 2s ease-in-out infinite 1s;transition:all .3s cubic-bezier(.4,0,.2,1)}.reactivate-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1e40af40}@keyframes pulse{0%,to{box-shadow:0 0 #1e40af66}50%{box-shadow:0 0 0 8px #1e40af00}}.reservations-view .view-header h1{margin:0 0 .5rem;font-size:2rem;color:var(--gray-900);font-weight:700}.view-subtitle{margin:0;font-size:.875rem;color:var(--gray-600);animation:fadeInUp .7s ease-out}.view-content{flex:1;padding:2rem;display:flex;flex-direction:column}.reservations-container{display:grid;gap:2rem}.recurring-series{background:var(--white);border:2px solid var(--primary-color);border-radius:var(--radius);overflow:hidden;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) backwards;transition:transform .3s ease,box-shadow .3s ease}.recurring-series:hover{transform:translateY(-2px);box-shadow:0 8px 24px #1e40af26}.series-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1)}.series-header:hover{background:var(--gray-50)}.series-main{flex:1;display:grid;gap:.5rem}.series-title-row{display:flex;align-items:center;gap:.75rem}.series-desk{font-size:1rem;font-weight:600;color:var(--gray-900)}.recurring-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .625rem;background:linear-gradient(135deg,var(--primary-color),#3b82f6);color:var(--white);border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;animation:fadeInUp .6s ease-out backwards;transition:transform .2s ease}.series-header:hover .recurring-badge{transform:scale(1.05)}.alternance-badge{color:#10b981;font-weight:600}.series-info{display:flex;align-items:center;gap:1rem;font-size:.875rem}.series-detail{color:var(--gray-700);font-weight:500}.series-count{color:var(--gray-600)}.series-location{font-size:.875rem;color:var(--gray-600)}.series-actions{display:flex;align-items:center;gap:.75rem}.series-actions .btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.series-actions .btn:hover:not(:disabled){transform:scale(1.05)}.expand-btn{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--gray-600);transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;border-radius:50%}.expand-btn:hover{color:var(--primary-color);background:var(--gray-100);transform:scale(1.1)}.series-dates{border-top:1px solid var(--gray-200);padding:.75rem 1.25rem 1.25rem;background:var(--gray-50);display:grid;gap:.5rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:1000px}}.series-date-item{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--white);border:1px solid var(--gray-200);border-radius:6px;transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .3s ease-out backwards}.series-date-item:nth-child(1){animation-delay:.05s}.series-date-item:nth-child(2){animation-delay:.1s}.series-date-item:nth-child(3){animation-delay:.15s}.series-date-item:nth-child(4){animation-delay:.2s}.series-date-item:nth-child(5){animation-delay:.25s}.series-date-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #1e40af26;transform:translate(4px)}.series-date-item.removing{animation:slideOutUp .3s cubic-bezier(.4,0,.2,1) forwards}.date-text{font-size:.875rem;color:var(--gray-700);text-transform:capitalize}.reservations-group{display:grid;gap:1rem;animation:fadeInUp .5s cubic-bezier(.4,0,.2,1) backwards}.date-header{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin:0;text-transform:capitalize}.reservations-list{display:grid;gap:.75rem}.reservation-item{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.25rem;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1);animation:fadeInUp .4s ease-out backwards;max-height:150px;overflow:hidden}.reservation-item.removing{animation:slideOutUp .3s cubic-bezier(.4,0,.2,1) forwards}.reservation-item:hover{border-color:var(--primary-color);box-shadow:0 4px 12px #1e40af1a;transform:translateY(-2px)}.reservation-content{flex:1;display:grid;gap:.5rem}.reservation-main{display:flex;align-items:center;gap:1rem}.reservation-desk{font-size:1rem;font-weight:600;color:var(--gray-900)}.reservation-period{display:inline-block;padding:.375rem .75rem;background:var(--primary-color);color:var(--white);border-radius:4px;font-size:.75rem;font-weight:500}.reservation-details{display:flex;gap:1.5rem;font-size:.875rem;color:var(--gray-600)}.detail:before{content:"•";margin-right:.5rem;color:var(--gray-400)}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;gap:1rem;animation:fadeInUp .6s ease-out}.empty-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;color:var(--gray-300);animation:fadeInUp .8s ease-out}.empty-state h2{margin:0;font-size:1.5rem;color:var(--gray-900);animation:fadeInUp 1s ease-out}.empty-state p{margin:0;color:var(--gray-600);font-size:.875rem;animation:fadeInUp 1.2s ease-out}@media(max-width:768px){.reservations-view .view-header{padding:1.5rem}.reservations-view .view-header h1{font-size:1.75rem}.view-content{padding:1.5rem}.reservation-item{flex-direction:column;align-items:stretch;gap:.75rem;padding:1rem}.reservation-content{flex:1}.reservation-item .btn{align-self:flex-end;flex-shrink:0}.reservation-details{flex-direction:column;gap:.5rem}.reservations-list{gap:.5rem}}@media(max-width:480px){.reservations-view .view-header{padding:1rem;padding-top:calc(1rem + 40px)}.reservations-view .view-header h1{font-size:1.5rem}.reservations-view .view-subtitle{font-size:.875rem;margin:0}.view-content{padding:1rem}.reservations-container{gap:1rem}.reservations-group,.reservations-list{gap:.5rem}.reservation-item{padding:.75rem;gap:.5rem;max-height:none}.reservation-main{flex-wrap:wrap;gap:.5rem}.reservation-desk{font-size:.95rem;font-weight:600}.reservation-period{padding:.25rem .5rem;font-size:.7rem}.reservation-details{font-size:.8rem;gap:.5rem;flex-direction:column}.date-header{font-size:1rem}.view-footer{padding:1rem}.view-footer .btn{width:100%}.btn-sm{padding:.5rem .75rem;font-size:.8rem}}.floor-plan-container{background:var(--gray-50);border-radius:var(--radius);overflow:hidden;border:2px solid var(--gray-200)}.reservation-details-table{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;animation:fadeInUp .3s ease-out;margin-bottom:1.5rem}.table-controls{padding:1rem;border-bottom:1px solid var(--gray-200);display:flex;flex-direction:column;gap:1rem}.table-search{display:flex;flex-direction:column;gap:.5rem}.table-search-input{width:100%;padding:.625rem 1rem;border:1px solid var(--gray-200);border-radius:var(--radius);font-size:.875rem;transition:border-color .2s}.table-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #3b82f61a}.table-search-help{font-size:.75rem;color:var(--gray-600);background:var(--gray-50);padding:.5rem .75rem;border-radius:4px;border-left:3px solid var(--primary-color)}.table-search-help strong{color:var(--primary-color)}.table-toggles{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.toggle-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.875rem;-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.column-toggles{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid var(--gray-100)}.column-toggles-label{font-size:.75rem;font-weight:600;color:var(--gray-500);text-transform:uppercase}.column-toggle{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.8rem;color:var(--gray-700);-webkit-user-select:none;user-select:none}.column-toggle input[type=checkbox]{width:16px;height:16px;cursor:pointer}.table-info{padding:.75rem 1rem;background:var(--gray-50);border-bottom:1px solid var(--gray-200);font-size:.8rem;color:var(--gray-600)}.table-container{overflow-x:auto;max-height:600px;overflow-y:auto}.details-table{width:100%;border-collapse:collapse;font-size:.875rem}.details-table thead{position:sticky;top:0;background:#f9fafb;z-index:10}.details-table th{padding:.875rem 1rem;text-align:left;font-weight:600;color:var(--gray-700);border-bottom:2px solid var(--gray-200);-webkit-user-select:none;user-select:none;background:#f9fafb;position:relative;z-index:10}.details-table th.sortable{cursor:pointer;transition:background-color .2s}.details-table th.sortable:hover{background:var(--gray-100)}.details-table td{padding:.875rem 1rem;border-bottom:1px solid var(--gray-150);color:var(--gray-800)}.details-table tbody tr{transition:background-color .15s}.details-table tbody tr:hover{background-color:var(--gray-50)}.details-table tbody tr.recurring-row{background-color:#3b82f60d}.details-table tbody tr.recurring-row:hover{background-color:#3b82f61a}.details-table .desk-cell{font-weight:500;color:var(--primary-color)}.details-table .person-cell{color:var(--gray-700)}.details-table .recurring-cell{color:var(--primary-color);font-weight:600;text-align:center}.details-table .empty-message{text-align:center;color:var(--gray-500);padding:2rem 1rem!important;font-style:italic}@media(max-width:768px){.table-controls,.column-toggles{gap:.75rem}.details-table{font-size:.75rem}.details-table th,.details-table td{padding:.5rem .75rem}.table-container{max-height:400px}}.add-filter-btn{padding:10px 16px;background:var(--primary-color);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.add-filter-btn:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.add-filter-btn:active{transform:translateY(0)}.active-filters{display:flex;align-items:center;gap:8px;padding:8px 0;flex-wrap:wrap}.active-filters-label{font-size:13px;font-weight:500;color:#666}.filter-chip{display:inline-flex;align-items:center;gap:0;background:var(--primary-color);color:#fff;border-radius:16px;font-size:13px;font-weight:500;overflow:hidden;transition:all .2s ease}.filter-chip:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.filter-chip-label{padding:6px 8px 6px 12px;cursor:pointer;transition:background .15s ease;-webkit-user-select:none;user-select:none}.filter-chip-label:hover{background:#ffffff26}.filter-chip-label:active{background:#ffffff40}.filter-chip-remove{padding:6px 12px 6px 8px;background:none;border:none;color:#fff;font-size:16px;cursor:pointer;transition:background .15s ease;display:flex;align-items:center;border-left:1px solid rgba(255,255,255,.2)}.filter-chip-remove:hover{background:#0003}.filter-chip-remove:active{background:#0000004d}.filter-builder-overlay{position:fixed;inset:0;background:#00000080;z-index:1000;animation:fadeIn .2s ease}.filter-builder-popup{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;z-index:1001;width:90%;max-width:450px;animation:scaleIn .2s ease}.filter-builder-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e0e0e0}.filter-builder-header h4{margin:0;font-size:18px;font-weight:600;color:#333}.filter-builder-header .close-btn{background:none;border:none;font-size:24px;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .15s ease}.filter-builder-header .close-btn:hover{background:#f0f0f0;color:#333}.filter-builder-body{padding:20px;display:flex;flex-direction:column;gap:16px}.filter-row{display:flex;flex-direction:column;gap:6px}.filter-row label{font-size:13px;font-weight:500;color:#666}.filter-row select,.filter-row input[type=text],.filter-row input[type=date]{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;font-family:inherit;transition:all .2s ease}.filter-row select:focus,.filter-row input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.filter-builder-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid #e0e0e0}.btn-secondary{padding:10px 20px;background:#f5f5f5;color:#666;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#e0e0e0}.btn-primary{padding:10px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active,.btn-secondary:active{transform:scale(.96)}@media(max-width:768px){.filter-builder-popup{width:95%;max-width:none}.filter-builder-body{padding:16px}}.sidebar-restrictions{position:absolute;bottom:6.5rem;left:1rem;right:1rem;display:flex;flex-direction:column;gap:.5rem}.sidebar-user{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:var(--gray-100);border-radius:6px;gap:.5rem}.user-info{flex:1;min-width:0}.user-email{display:block;font-size:.75rem;color:var(--gray-700);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-logout{background:transparent;border:none;color:var(--gray-600);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-logout:hover{background:var(--gray-200);color:var(--danger-color)}.sidebar-restrictions-toggle{background:transparent;border:none;color:var(--gray-400);cursor:pointer;padding:.25rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:1rem;opacity:0}.sidebar-restrictions-toggle:hover,.sidebar-restrictions-toggle.active{opacity:.6;background:var(--gray-200);color:var(--gray-600)}.user-manager{max-width:1000px;margin:0 auto}.user-manager-header{margin-bottom:2rem}.user-manager-header h3{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;color:var(--gray-900)}.user-manager-header p{margin:0;color:var(--gray-500);font-size:.9375rem}.user-add-section{background:var(--gray-100);border-radius:8px;padding:1.5rem;margin-bottom:2rem}.user-add-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.user-add-form{display:flex;gap:1rem;align-items:flex-end}.user-add-form .form-group{flex:1;margin:0}.user-email-input{width:100%;padding:.75rem 1rem;border:2px solid var(--gray-300);border-radius:4px;font-size:.9375rem;transition:all .2s}.user-email-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #1e40af1a}.user-add-form .btn-primary{white-space:nowrap;padding:.75rem 1.5rem}.user-section{margin-bottom:2rem}.user-section h4{margin:0 0 1rem;font-size:1.125rem;font-weight:600;color:var(--gray-900)}.empty-state{text-align:center;color:var(--gray-500);padding:2rem;background:var(--gray-50);border-radius:8px;font-size:.9375rem}.user-list{display:flex;flex-direction:column;gap:.75rem}.user-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:8px;border:2px solid var(--gray-200);background:#fff;transition:all .2s}.user-item:hover{border-color:var(--gray-300);box-shadow:0 2px 8px #0000000d}.user-item.whitelisted{border-left:4px solid var(--success-color)}.user-item.attempted{border-left:4px solid var(--warning-color)}.user-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.user-email{font-size:.9375rem;font-weight:600;color:var(--gray-900)}.user-date{font-size:.8125rem;color:var(--gray-500)}.btn-danger-small,.btn-primary-small{padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border:none;border-radius:4px;cursor:pointer;transition:all .2s}.btn-danger-small{background:var(--danger-color);color:#fff}.btn-danger-small:hover{background:#b91c1c;transform:scale(1.05)}.btn-primary-small{background:var(--primary-color);color:#fff}.btn-primary-small:hover{background:var(--primary-hover);transform:scale(1.05)}.btn-danger-small:disabled,.btn-primary-small:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.user-manager{padding:0 1rem}.user-manager-header h3{font-size:1.25rem}.admin-form{display:flex;flex-direction:column;gap:.75rem}.admin-form input,.admin-form select,.admin-form .btn{width:100%}.admin-list{gap:.5rem}.admin-list-item{flex-direction:column;align-items:flex-start;gap:.75rem;padding:.875rem}.admin-list-item>div:first-child{width:100%;display:flex;flex-direction:column;gap:.5rem}.admin-list-item>div:last-child{width:100%;display:flex;flex-direction:column;gap:.5rem}.admin-list-item>div:last-child>span{display:none}.admin-list-item button{width:100%;font-size:.8rem}.btn-secondary,.btn-danger{padding:.625rem .75rem;font-size:.8rem}.btn-sm{padding:.5rem .75rem;font-size:.75rem;width:100%}}@media(max-width:480px){.user-manager-header h3{font-size:1.125rem}.user-manager-header p{font-size:.8125rem}.admin-list-item{padding:.75rem}.admin-list-item span:not(.feature-icon){font-size:.8125rem}}.auth-container{display:flex;min-height:100vh;height:100vh;overflow:hidden;background:#e2e8f0}.auth-welcome-side{flex:1;background:linear-gradient(135deg,#ec4899,#f472b6);display:flex;align-items:center;justify-content:center;padding:3rem;color:#fff;overflow-y:auto}.auth-welcome-content{max-width:500px}.auth-welcome-content h1{font-size:2rem;font-weight:700;margin-bottom:.75rem;line-height:1.2}.auth-welcome-content>p{font-size:1rem;margin-bottom:2rem;opacity:.95}.auth-welcome-features{display:flex;flex-direction:column;gap:1.25rem}.feature-item{display:flex;align-items:center;gap:1rem;font-size:1rem;font-weight:500}.feature-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff3;border-radius:4px}.auth-form-container .auth-form{margin-bottom:auto}.auth-form-side{flex:.7;max-width:500px;display:flex;align-items:center;justify-content:center;padding:2rem 3rem;background:#fff;overflow-y:auto}.auth-form-container{width:100%;max-width:400px}.auth-logo{width:300px;height:auto;margin:0 auto 0rem;display:block}.auth-card{width:100%;max-width:420px;background:#fff;border-radius:4px;box-shadow:0 25px 50px #0000001a;padding:2.5rem;animation:modalPop .3s ease-out}.auth-form-side .auth-card{box-shadow:0 10px 30px #00000014}.auth-form h2{margin:0 0 3rem;font-weight:700;color:var(--gray-900);text-align:center}.auth-form p{margin:0 0 1.25rem;font-size:.875rem;color:var(--gray-500);text-align:center}.auth-form form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--gray-700)}.form-group input{padding:.875rem 1.125rem;border:2px solid var(--gray-200);border-radius:4px;font-size:.9375rem;transition:all .2s;background:#fff}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #1e40af1a}.form-group input:disabled{background:var(--gray-100);cursor:not-allowed}.form-group small{font-size:.75rem;color:var(--gray-500)}.auth-error{padding:.75rem 1rem;background:#fee;border:1px solid #fcc;border-radius:6px;color:var(--danger-color);font-size:.875rem;animation:fadeIn .2s ease-out}.auth-success{padding:.75rem 1rem;background:#efe;border:1px solid #cfc;border-radius:6px;color:var(--success-color);font-size:.875rem;animation:fadeIn .2s ease-out;text-align:center}.auth-success h2{margin:0 0 .5rem;font-size:1.5rem}.auth-success p{margin:0}.btn-primary.btn-full,.btn-secondary.btn-full{width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:4px}.separator{display:flex;align-items:center;text-align:center;margin:1.25rem 0}.separator:before,.separator:after{content:"";flex:1;border-bottom:1px solid var(--gray-300)}.separator span{padding:0 1rem;color:var(--gray-500);font-size:.875rem;font-weight:500}.auth-actions{display:flex;gap:.75rem;margin-top:.5rem}.auth-actions button{flex:1;padding:.875rem 1.5rem;font-size:.9375rem;border-radius:4px}.auth-footer{margin-top:1.5rem;text-align:center;display:flex;flex-direction:column;gap:.75rem}.auth-footer p{margin:0;font-size:.875rem;color:var(--gray-600)}.link-button{background:none;border:none;color:var(--primary-color);font-weight:600;cursor:pointer;padding:0;font-size:inherit;text-decoration:underline;transition:color .2s}.link-button:hover{color:var(--primary-hover)}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem;background:#e2e8f0}.auth-loading .spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary-color);border-radius:50%;animation:spin .8s linear infinite}.auth-loading p{color:var(--gray-700);font-size:1rem;font-weight:500}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.auth-container{flex-direction:column;height:100vh;overflow-y:auto}.auth-welcome-side{display:none}.auth-form-side{padding:1.5rem;flex:1;max-width:100%;overflow-y:auto}.auth-form-container{max-width:100%}.auth-form h2{font-size:1.5rem}.auth-form p{font-size:.875rem;margin-bottom:1.25rem}.form-group{gap:.375rem}.form-group label{font-size:.8125rem}.form-group input{padding:.75rem 1rem;font-size:.875rem}.btn-primary.btn-full{padding:.875rem;font-size:.9375rem}}.notification-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;max-width:400px;pointer-events:none}.notification{background:#fff;border-radius:var(--radius);padding:1rem 1.25rem;box-shadow:0 4px 12px #00000026;display:flex;align-items:center;gap:.75rem;min-height:60px;animation:slideIn .3s ease-out;pointer-events:all;cursor:pointer;border-left:4px solid var(--gray-300)}.notification:hover{box-shadow:0 6px 16px #0003}.notification-content{display:flex;align-items:center;gap:.75rem;flex:1}.notification-icon{font-size:1.25rem;font-weight:700;line-height:1;flex-shrink:0}.notification-message{font-size:.9375rem;line-height:1.4;color:var(--gray-700)}.notification-success{border-left-color:var(--success-color);background:linear-gradient(to right,#0596690d,#fff 30%)}.notification-success .notification-icon{color:var(--success-color)}.notification-error{border-left-color:var(--danger-color);background:linear-gradient(to right,#dc26260d,#fff 30%)}.notification-error .notification-icon{color:var(--danger-color)}.notification-warning{border-left-color:var(--warning-color);background:linear-gradient(to right,#f59e0b0d,#fff 30%)}.notification-warning .notification-icon{color:var(--warning-color)}.notification-info{border-left-color:var(--primary-color);background:linear-gradient(to right,#1e40af0d,#fff 30%)}.notification-info .notification-icon{color:var(--primary-color)}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}@media(max-width:768px){.notification-container{left:1rem;right:1rem;max-width:none}}