:root{--color-primary: #1b0753;--color-primary-hover: #383073;--color-secondary: #9394ab;--color-action: #f16d2e;--color-bg-block: #f4f5fb;--color-bg: #ffffff;--color-text: #1b0753;--color-text-light: #6b7280;--color-border: #e5e7eb;--color-error: #ef4444;--color-warning: #f59e0b;--color-success: #10b981;--color-action-hover: #d85d20;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-action);border-radius:50%;animation:spin .8s linear infinite}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--color-bg-block) 0%,var(--color-bg) 100%)}.login-card{background:var(--color-bg);padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:90%}.login-logo{width:180px;margin-bottom:1.5rem}.login-card h1{font-size:var(--font-size-2xl);color:var(--color-primary);margin-bottom:.5rem}.login-card>p{color:var(--color-text-light);margin-bottom:2rem}.google-login-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:var(--color-primary);color:#fff;padding:.875rem 1.5rem;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;text-decoration:none;transition:background-color .2s;width:100%}.google-login-button:hover{background:var(--color-primary-hover)}.google-icon{width:20px;height:20px}.login-info{margin-top:1.5rem;font-size:var(--font-size-sm);color:var(--color-secondary)}.app-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}.header-logo{height:32px}.header-user{display:flex;align-items:center;gap:1rem}.user-name{font-weight:500;color:var(--color-primary)}.admin-badge{background:var(--color-action);color:#fff;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.logout-button{background:transparent;border:1px solid var(--color-border);padding:.5rem 1rem;border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:all .2s}.logout-button:hover{border-color:var(--color-primary);color:var(--color-primary)}.main-content{max-width:1200px;margin:0 auto;padding:2rem}.main-content h1{font-size:var(--font-size-3xl);color:var(--color-primary);margin-bottom:1rem}.placeholder{background:var(--color-bg-block);padding:2rem;border-radius:var(--radius-lg);color:var(--color-text-light);margin-top:1rem}.auth-callback{display:flex;align-items:center;justify-content:center;min-height:100vh}.week-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;margin:2rem 0}@media(min-width:768px){.week-grid{justify-content:flex-start}}.page-header{margin-bottom:1rem}.page-header h1{margin-bottom:.5rem}.week-nav{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.week-nav .nav-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.week-nav .nav-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-block)}.week-nav .nav-btn:disabled{opacity:.4;cursor:not-allowed}.week-nav .today-btn{font-weight:500;padding:.5rem 1.5rem}.week-label{color:var(--color-secondary);font-size:var(--font-size-lg)}.presence-limit-info{margin-top:1rem;padding:.75rem 1rem;background:var(--color-bg-block);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-light)}.presence-summary{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--color-border)}.presence-summary h2{font-size:var(--font-size-xl);color:var(--color-primary);margin-bottom:1rem}.summary-stats{display:flex;gap:2rem}.stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem 2rem;background:var(--color-bg-block);border-radius:var(--radius-lg)}.stat-value{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-action)}.stat-label{font-size:var(--font-size-sm);color:var(--color-secondary);margin-top:.25rem}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem}.wojo-badge{font-size:var(--font-size-lg);margin-right:.5rem}.view-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem}.tab-btn{padding:.75rem 1.5rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;transition:all .2s}.tab-btn:hover{border-color:var(--color-primary);background:var(--color-bg-block)}.tab-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:24px;background:var(--color-bg-block)}.error-boundary__card{background:var(--color-bg);border-radius:var(--radius-lg);padding:48px;text-align:center;max-width:480px;box-shadow:var(--shadow-lg)}.error-boundary__icon{font-size:48px;display:block;margin-bottom:16px}.error-boundary__title{font-size:var(--font-size-2xl);color:var(--color-text);margin:0 0 12px}.error-boundary__message{color:var(--color-text-light);margin:0 0 24px;line-height:1.5}.error-boundary__details{text-align:left;margin-bottom:24px;padding:12px;background:var(--color-bg-block);border-radius:var(--radius-sm);font-size:var(--font-size-sm)}.error-boundary__details summary{cursor:pointer;color:var(--color-text-light);margin-bottom:8px}.error-boundary__details pre{margin:0;padding:12px;background:var(--color-bg);border-radius:var(--radius-sm);overflow-x:auto;font-size:var(--font-size-xs);color:var(--color-error)}.error-boundary__actions{display:flex;gap:12px;justify-content:center}.error-boundary__btn{padding:12px 24px;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:500;cursor:pointer;transition:all .2s;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.error-boundary__btn:hover{background:var(--color-bg-block)}.error-boundary__btn--primary{background:var(--color-action);border-color:var(--color-action);color:#fff}.error-boundary__btn--primary:hover{background:var(--color-action-hover)}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:1000;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:14px 20px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;pointer-events:auto;animation:toast-slide-in .3s ease-out;max-width:400px}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast--success{background:#059669;color:#fff}.toast--error{background:var(--color-error);color:#fff}.toast--warning{background:#d97706;color:#fff}.toast--info{background:var(--color-primary);color:#fff}.toast__icon{font-size:var(--font-size-lg);flex-shrink:0}.toast__message{line-height:1.4}@media(max-width:640px){.toast-container{bottom:16px;right:16px;left:16px}.toast{max-width:none}}.presence-toggle{display:flex;flex-direction:column;align-items:center;padding:1rem;background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:all .2s;min-width:120px}.presence-toggle:hover:not(.disabled){border-color:var(--color-primary)}.presence-toggle.is-present{background:var(--color-bg-block);border-color:var(--color-action)}.presence-toggle.disabled{opacity:.5;cursor:not-allowed}.presence-day{display:flex;flex-direction:column;align-items:center;margin-bottom:.75rem}.day-name{font-weight:600;color:var(--color-primary);text-transform:capitalize}.presence-controls{display:flex;gap:.25rem}.presence-btn{width:40px;height:40px;border-radius:var(--radius-full);border:2px solid var(--color-border);background:var(--color-bg);color:var(--color-secondary);font-size:var(--font-size-lg);cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.presence-btn:hover:not(:disabled){border-color:var(--color-action);color:var(--color-action)}.presence-btn.active{background:var(--color-action);border-color:var(--color-action);color:#fff}.presence-btn:disabled{cursor:not-allowed}.period-expand-btn{width:36px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-secondary);cursor:pointer;font-size:var(--font-size-lg);transition:all .2s}.period-expand-btn:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary);background:var(--color-bg-block)}.period-selector{display:flex;flex-direction:column;gap:.25rem;margin-top:.75rem;width:100%}.period-btn{padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all .2s}.period-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-bg-block)}.period-btn.selected{background:var(--color-action);border-color:var(--color-action);color:#fff}.presence-info{margin-top:.5rem;font-size:var(--font-size-xs);color:var(--color-action);font-weight:500}.spinner-small{width:16px;height:16px;border:2px solid var(--color-border);border-top-color:var(--color-action);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.allocation-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.allocation-badge--sm{padding:2px 6px;font-size:10px}.allocation-badge--md{padding:4px 10px}.allocation-badge__emoji{font-size:12px}.allocation-badge--sm .allocation-badge__emoji{font-size:10px}.allocation-badge--main-office{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.allocation-badge--meeting-room{background:#3b82f626;color:#2563eb;border:1px solid rgba(59,130,246,.3)}.allocation-badge--guest{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.allocation-legend{display:flex;flex-wrap:wrap;gap:16px;padding:12px 16px;background:var(--color-bg-block);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.allocation-legend__item{display:flex;align-items:center;gap:8px}.allocation-legend__dot{width:12px;height:12px;border-radius:50%}.allocation-legend__dot--main-office{background:#10b981}.allocation-legend__dot--meeting-room{background:#3b82f6}.allocation-legend__dot--guest{background:#f59e0b}.allocation-legend__label{color:var(--color-text)}.allocation-legend__capacity{color:var(--color-text-light);font-size:var(--font-size-xs)}.allocation-legend__total{margin-left:auto;color:var(--color-text)}.presence-item--with-allocation{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);margin-bottom:6px}.presence-item__user{display:flex;align-items:center;gap:8px}.presence-item__name{font-size:var(--font-size-sm);color:var(--color-text)}.presence-item__wojo-badge{font-size:12px}.calendar{background:var(--color-bg);border-radius:var(--radius-lg);padding:1.5rem}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.calendar-header h2{font-size:var(--font-size-xl);color:var(--color-primary);margin:0}.calendar-nav{display:flex;gap:.5rem}.nav-btn{padding:.5rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:var(--font-size-base);transition:all .2s}.nav-btn:hover{border-color:var(--color-primary);background:var(--color-bg-block)}.today-btn{background:var(--color-action);border-color:var(--color-action);color:#fff}.today-btn:hover{background:var(--color-action-hover);border-color:var(--color-action-hover)}.week-label{font-size:var(--font-size-lg);color:var(--color-secondary)}.calendar-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}@media(max-width:1024px){.calendar-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.calendar-grid{grid-template-columns:1fr}}.day-column{background:var(--color-bg-block);border-radius:var(--radius-lg);padding:1rem;min-height:300px;display:flex;flex-direction:column}.day-column.is-today{border:2px solid var(--color-action)}.day-header{text-align:center;padding-bottom:.75rem;border-bottom:1px solid var(--color-border);margin-bottom:.75rem}.day-name{display:block;font-weight:600;color:var(--color-primary)}.day-date{font-size:var(--font-size-sm);color:var(--color-secondary)}.day-periods{flex:1;display:flex;flex-direction:column}.period-section{flex:1}.period-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.period-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-secondary);text-transform:uppercase}.period-count{background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);padding:.125rem .5rem;border-radius:var(--radius-full);font-weight:600}.period-divider{height:1px;background:var(--color-border);margin:.75rem 0}.presence-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.375rem}.presence-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.375rem .5rem;background:var(--color-bg);border-radius:var(--radius-sm);border-left:3px solid var(--color-success);font-size:var(--font-size-sm)}.presence-item__user-info{display:flex;align-items:center;gap:.375rem;flex:1;min-width:0}.presence-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wojo-indicator{font-size:var(--font-size-xs);flex-shrink:0}.presence-list-empty{text-align:center;padding:1rem;color:var(--color-secondary);font-size:var(--font-size-sm);font-style:italic}.day-summary{display:flex;justify-content:center;gap:1rem;padding-top:.75rem;border-top:1px solid var(--color-border);margin-top:auto}.summary-item{display:flex;align-items:center;gap:.25rem;font-size:var(--font-size-sm);color:var(--color-secondary)}.summary-item.overflow{color:var(--color-action)}.summary-icon{font-size:var(--font-size-base)}.calendar-loading,.calendar-error,.calendar-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:var(--color-secondary)}.calendar-error button{padding:.5rem 1rem;background:var(--color-action);color:#fff;border:none;border-radius:var(--radius-md);cursor:pointer}.overflow-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:500;margin-top:.5rem}.overflow-indicator--ok{background:#10b9811a;color:var(--color-success)}.overflow-indicator--warning{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.overflow-indicator__icon{font-size:var(--font-size-sm)}.overflow-indicator__text{line-height:1.2}.room-form{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border)}.room-form__title{margin:0 0 20px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.room-form__error{background:var(--color-error);color:#fff;padding:12px;border-radius:var(--radius-md);margin-bottom:16px;font-size:var(--font-size-sm)}.room-form__field{margin-bottom:16px}.room-form__field label{display:block;margin-bottom:6px;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-light)}.room-form__field input,.room-form__field select{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-bg);color:var(--color-text);transition:border-color .2s}.room-form__field input:focus,.room-form__field select:focus{outline:none;border-color:var(--color-action)}.room-form__field input[type=number]{-moz-appearance:textfield}.room-form__field input[type=number]::-webkit-inner-spin-button,.room-form__field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.room-form__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.room-form__button{padding:10px 20px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:all .2s;border:none}.room-form__button:disabled{opacity:.6;cursor:not-allowed}.room-form__button--primary{background:var(--color-action);color:#fff}.room-form__button--primary:hover:not(:disabled){background:var(--color-action-hover)}.room-form__button--secondary{background:transparent;border:1px solid var(--color-border);color:var(--color-text-light)}.room-form__button--secondary:hover:not(:disabled){background:var(--color-bg-block)}.room-list{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border)}.room-list__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.room-list__title{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.room-list__add-button{padding:8px 16px;background:var(--color-action);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:500;cursor:pointer;transition:background .2s}.room-list__add-button:hover{background:var(--color-action-hover)}.room-list__form-container{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--color-border)}.room-list__loading,.room-list__error,.room-list__empty{padding:20px;text-align:center;color:var(--color-text-light);font-size:var(--font-size-sm)}.room-list__error{color:var(--color-error);background:#ef44441a;border-radius:var(--radius-md)}.room-list__content{display:flex;flex-direction:column;gap:20px}.room-list__date-group{display:flex;flex-direction:column;gap:12px}.room-list__date{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);text-transform:capitalize}.room-list__rooms{display:flex;flex-direction:column;gap:8px}.room-list__room{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--color-bg-block);border-radius:var(--radius-md);border:1px solid var(--color-border)}.room-list__room-info{display:flex;flex-direction:column;gap:4px}.room-list__room-name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text)}.room-list__room-details{font-size:var(--font-size-xs);color:var(--color-text-light)}.room-list__room-actions{display:flex;gap:8px}.room-list__action-button{padding:6px 10px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:var(--font-size-sm)}.room-list__action-button:hover:not(:disabled){background:var(--color-bg)}.room-list__action-button:disabled{opacity:.5;cursor:not-allowed}.room-list__action-button--delete:hover:not(:disabled){border-color:var(--color-error);background:#ef44441a}.user-management{background:var(--color-bg);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--color-border)}.user-management__title{margin:0 0 20px;font-size:var(--font-size-lg);font-weight:600;color:var(--color-text)}.user-management__loading,.user-management__error{padding:20px;text-align:center;color:var(--color-text-light)}.user-management__error{color:var(--color-error)}.user-management__list{display:flex;flex-direction:column;gap:12px}.user-card{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--color-bg-block);border-radius:var(--radius-md);border:1px solid var(--color-border)}.user-card__info{display:flex;flex-direction:column;gap:4px}.user-card__name{font-size:var(--font-size-base);font-weight:500;color:var(--color-text)}.user-card__email{font-size:var(--font-size-sm);color:var(--color-text-light)}.user-card__badges{display:flex;gap:8px;margin-top:4px}.user-card__badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full)}.user-card__badge--admin{background:var(--color-primary);color:#fff}.user-card__badge--wojo{background:#10b98126;color:#059669}.user-card__actions{display:flex;gap:8px;align-items:center}.user-card__btn{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm);transition:all .2s}.user-card__btn:hover:not(:disabled){background:var(--color-bg-block);border-color:var(--color-primary)}.user-card__btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.user-card__btn:disabled{opacity:.5;cursor:not-allowed}.user-card__btn--danger{border-color:var(--color-error);color:var(--color-error)}.user-card__btn--danger:hover:not(:disabled){background:#ef44441a}.user-card__confirm{display:flex;gap:4px}.user-card__confirm .user-card__btn{padding:6px 10px;font-size:var(--font-size-xs)}