@import "https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap";:root{--ucb-blue:#063f77;--ucb-blue-700:#0a3559;--ucb-blue-500:#1260aa;--ucb-blue-deep:#041f3a;--ucb-gold:#f4c542;--ucb-gold-strong:#d89b00;--ucb-gold-light:#fef3c7;--ink-900:#0d223d;--ink-800:#19324f;--ink-700:#3d5676;--ink-500:#6580a0;--surface-100:#fff;--surface-200:#f5f8fc;--surface-300:#edf3f8;--line-300:#d8e2ee;--line-200:#e8eef6;--radius-xs:6px;--radius-sm:10px;--radius-md:16px;--radius-lg:22px;--radius-xl:32px;--shadow-soft:0 22px 52px #06305924;--shadow-subtle:0 10px 26px #0d223d14;--shadow-card:0 18px 42px #0d223d17;--shadow-gold:0 8px 24px #f4c5424d;--shadow-blue:0 8px 24px #063f7740;--font-body:"DM Sans", "Segoe UI", sans-serif;--font-display:"Sora", "DM Sans", sans-serif;--font-ui:"DM Sans", "Segoe UI", sans-serif;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.22s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box}html,body,#root{min-height:100svh}body{font-family:var(--font-body);color:var(--ink-900);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 12% 8%,#f4c5422e,#0000 28%),radial-gradient(circle at 86% 0,#063f771f,#0000 26%),linear-gradient(135deg,#eef4f9 0%,#f8fbff 52%,#eef5fb 100%);margin:0;font-size:16px;line-height:1.58}h1,h2,h3,h4,p{margin:0}a{color:inherit}button,input,select,textarea{font-family:var(--font-body)}button{letter-spacing:0}:where(.infra-header h2,.profiles-header h2,.roles-header h2,.reservations-header h2,.tutorials-header h2,.home-modern-hero h1,.home-placeholder h2,.login-card h1){font-family:var(--font-ui);letter-spacing:-.015em!important;line-height:1.14!important}:where(.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker,.home-modern-kicker,.login-brand-kicker,.reservation-modal-kicker,.tutorial-detail-kicker,.reservation-user-card-kicker){font-family:var(--font-ui);letter-spacing:.07em!important}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #f4c542cc}::selection{color:var(--ink-900);background:#f4c54273}.content-window>:is(.infra-page,.profiles-page,.roles-page,.reservations-page,.tutorials-page){min-height:100%;font-family:var(--font-ui);background:radial-gradient(circle at 88% 4%,#f4c54229,#0000 30%),radial-gradient(circle at 8% 12%,#063f771a,#0000 28%),linear-gradient(135deg,#f6f9fd 0%,#eef5fb 100%)}.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header{background:radial-gradient(circle at 88% 4%,#ffbc6e47,#0000 28%),radial-gradient(circle at 0 100%,#ffffff14,#0000 34%),linear-gradient(105deg,#082436 0%,#0d3d61 52%,#1b5f87 100%);border:1px solid #ffffff57;border-radius:clamp(28px,3vw,38px);margin:clamp(14px,2vw,24px);position:relative;overflow:hidden;box-shadow:0 28px 62px #061c3033}.infra-header:before,.profiles-header:before,.roles-header:before,.reservations-header:before,.tutorials-header:before{content:"";pointer-events:none;background:#ffffff12;border-radius:999px;width:260px;height:260px;position:absolute;top:-120px;right:-80px}.infra-header:after,.profiles-header:after,.roles-header:after,.reservations-header:after,.tutorials-header:after{content:"";pointer-events:none;background:#ffffff0b;border-radius:999px;width:180px;height:180px;position:absolute;bottom:-90px;left:-56px}.infra-header>*,.profiles-header>*,.roles-header>*,.reservations-header>*,.tutorials-header>*{z-index:1;position:relative}.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker{color:#ffbc6e;font-family:var(--font-ui);letter-spacing:.08em;font-weight:800}.infra-header h2,.profiles-header h2,.roles-header h2,.reservations-header h2,.tutorials-header h2{font-family:var(--font-ui);letter-spacing:-.02em;font-weight:800;line-height:1.12}.infra-summary div,.profiles-summary div,.reservations-summary div,.tutorials-summary div{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1f;border:1px solid #fff3;border-radius:22px;box-shadow:0 18px 34px #0000001a}.infra-grid,.profiles-grid,.roles-body,.reservations-page,.tutorials-page{gap:clamp(18px,2.6vw,30px)}.ux-extra-toggle{background:linear-gradient(#ffffffeb,#f7fbfff0);border:1px solid #0a355924;border-radius:18px;box-shadow:0 12px 28px #0d223d14}.ux-extra-toggle>summary{cursor:pointer;color:var(--ink-900);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-weight:700;list-style:none;display:flex}.ux-extra-toggle>summary::-webkit-details-marker{display:none}.ux-extra-toggle>summary:after{content:"Mostrar";color:var(--ink-700);font-size:.8rem;font-weight:600}.ux-extra-toggle-content{border-top:1px solid #0a355914;padding:0 16px 16px}.infra-card,.profiles-card,.roles-form-card,.roles-permissions-panel,.roles-matrix-container,.reservations-panel,.tutorials-panel,.home-modern-section,.home-role-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle at 94% 0,#f4c5421a,#0000 28%),#ffffffeb;border:1px solid #e2edf2f5;border-radius:clamp(24px,2.4vw,34px);box-shadow:0 22px 48px #0d223d1a}.infra-card,.profiles-card,.roles-form-card,.reservations-panel,.tutorials-panel,.home-feature-card,.home-modern-labs article{transition:transform .18s,box-shadow .18s,border-color .18s}.infra-card:hover,.profiles-card:hover,.roles-form-card:hover,.reservations-panel:hover,.tutorials-panel:hover{border-color:#1f639238;box-shadow:0 30px 62px #0d223d21}.infra-form input,.infra-form select,.infra-form textarea,.profiles-form input,.profiles-form select,.roles-input,.reservations-controls input,.reservations-controls select,.reservations-form input,.reservations-form select,.reservations-form textarea,.reservation-modal-form input,.reservation-modal-form select,.reservation-modal-form textarea,.tutorials-form input,.tutorials-form select,.tutorials-form textarea,.login-form input{background:#ffffffe0;border:1.5px solid #d8e2eefa;border-radius:16px;min-height:46px;box-shadow:inset 0 1px #ffffffb3}.infra-form input:focus,.infra-form select:focus,.infra-form textarea:focus,.profiles-form input:focus,.profiles-form select:focus,.roles-input:focus,.reservations-controls input:focus,.reservations-controls select:focus,.reservations-form input:focus,.reservations-form select:focus,.reservations-form textarea:focus,.reservation-modal-form input:focus,.reservation-modal-form select:focus,.reservation-modal-form textarea:focus,.tutorials-form input:focus,.tutorials-form select:focus,.tutorials-form textarea:focus,.login-form input:focus{background:#fff;border-color:#1f639294;box-shadow:0 0 0 4px #1f63921a,inset 0 1px #fffc}.infra-primary,.profiles-primary,.roles-save-button,.reservations-primary,.reservation-modal-primary,.tutorials-primary,.login-button,.home-modern-primary{background:linear-gradient(135deg,#0a2b3e 0%,#1b4f6e 100%);border-radius:999px;box-shadow:0 14px 28px #0d3d6133}.infra-secondary,.profiles-secondary,.roles-tab-button,.reservations-secondary,.reservation-modal-secondary,.tutorials-secondary,.home-modern-secondary,.infra-danger,.profiles-danger,.reservations-danger,.tutorials-danger{border-radius:999px}.infra-primary:hover,.profiles-primary:hover,.roles-save-button:hover:not(:disabled),.reservations-primary:hover,.reservation-modal-primary:hover,.tutorials-primary:hover,.login-button:hover,.infra-secondary:hover,.profiles-secondary:hover,.reservations-secondary:hover,.reservation-modal-secondary:hover,.tutorials-secondary:hover{transform:translateY(-2px);box-shadow:0 20px 36px #0d223d29}.infra-table-wrap,.profiles-list,.roles-matrix-container,.reservations-table,.tutorials-grid{border-radius:22px}.infra-table th,.reservations-table th{color:#0e3b4f;background:linear-gradient(#0a2b3e14,#0a2b3e08)}.reservation-modal,.tutorial-detail-modal,.penalty-modal,.confirm-modal,.infra-workflow-modal,.loan-return-modal{background:radial-gradient(circle at 92% 0,#f4c54233,#0000 30%),linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #ffffff9e;border-radius:clamp(26px,3vw,40px);box-shadow:0 44px 92px #07132257}.reservation-modal-backdrop,.tutorial-detail-backdrop,.penalty-backdrop,.confirm-modal-backdrop,.infra-workflow-backdrop,.loan-return-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 50% 12%,#f4c54229,#0000 30%),#071322a8}.reservations-slot,.tutorial-slot,.cal-day,.profiles-item,.roles-role-card,.tutorial-card,.reservation-user-card,.penalty-card,.infra-action-card{border-radius:22px}.reservations-slot.tutorial,.tutorial-slot.tutorial{color:#0a2b3e;background:linear-gradient(90deg,#0a2b3e29,#1f63920f);border-left-color:#0a2b3e}@media (width<=760px){.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header{border-radius:26px;margin:12px}.infra-grid,.profiles-grid,.roles-body{padding:14px}.infra-summary,.profiles-summary,.reservations-summary,.tutorials-summary{justify-content:stretch;width:100%}.infra-summary div,.profiles-summary div,.reservations-summary div,.tutorials-summary div{flex:130px}}.field-invalid .field-wrap,.field-wrap.is-invalid{border-color:#b91c1c80!important;box-shadow:0 0 0 3px #b91c1c1a,inset 0 1px #ffffffb3!important}.field-valid .field-wrap,.field-wrap.is-valid{border-color:#16a34a73!important;box-shadow:0 0 0 3px #16a34a14,inset 0 1px #ffffffb3!important}.field-hint{transition:color var(--transition-fast);margin:3px 0 0 2px;font-size:.78rem;font-weight:500}.field-hint.is-error{color:#b91c1c}.field-hint.is-muted{color:var(--ink-500)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none!important;transform:none!important}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-page-in{animation:pageIn .3s var(--transition-base) both}.badge{border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex}.badge-gold{background:var(--ucb-gold);color:var(--ucb-blue-deep)}.badge-blue{background:var(--ucb-blue);color:#fff}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#063f7733 padding-box padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#063f775c padding-box padding-box}.content-window>:is(.infra-page,.profiles-page,.roles-page,.reservations-page,.tutorials-page,.ucb-map-page){min-height:100%;font-family:var(--font-ui);background:#f4f7fb}:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header){color:#fff;background:linear-gradient(120deg,#0b2744f5,#0d5b74eb),url(/assets/hero-5sT3BiRD.png) 50%/cover;border:1px solid #ffffff61;border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;margin:18px 22px 0;padding:clamp(18px,2.5vw,28px);display:grid;position:relative;overflow:hidden;box-shadow:0 18px 38px #0d223d29}:is(.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker,.ucb-map-kicker){color:#f4c542;text-transform:uppercase;margin:0 0 7px;font-size:.72rem;font-weight:800;letter-spacing:.08em!important}:is(.infra-header h2,.profiles-header h2,.roles-header h2,.reservations-header h2,.tutorials-header h2,.ucb-map-header h2){color:#fff;max-width:760px;margin:0;font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:800;letter-spacing:0!important;line-height:1.1!important}:is(.infra-header p,.profiles-header p,.roles-header p,.reservations-header p,.tutorials-header p,.ucb-map-header p):not(:is(.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker,.ucb-map-kicker)){color:#ffffffd1;max-width:760px;margin-top:8px;font-size:.95rem;line-height:1.5}:is(.infra-summary,.profiles-summary,.reservations-summary,.tutorials-summary){flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}:is(.infra-summary div,.profiles-summary div,.reservations-summary div,.tutorials-summary div,.reservations-summary-card){min-width:104px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#ffffff21;border:1px solid #ffffff2e;border-radius:8px;padding:12px 14px}:is(.infra-grid,.infra-body,.profiles-grid,.roles-body,.reservations-page,.tutorials-page,.ucb-map-layout){padding:20px 22px 28px}:is(.infra-card,.profiles-card,.roles-form-card,.roles-permissions-panel,.roles-matrix-container,.reservations-panel,.tutorials-panel,.home-modern-section,.home-role-panel,.ucb-map-frame-card,.ucb-map-buildings){-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #dce6f0;border-radius:10px;box-shadow:0 12px 28px #0d223d12}:is(.infra-card:hover,.profiles-card:hover,.roles-form-card:hover,.reservations-panel:hover,.tutorials-panel:hover){border-color:#cbd9e7;transform:none;box-shadow:0 16px 32px #0d223d17}:is(.infra-section-head,.profiles-card-head,.profiles-section-head,.roles-section-head,.reservations-panel-header,.tutorials-panel-header){border-bottom:1px solid #edf2f7;justify-content:space-between;align-items:flex-start;gap:14px;padding-bottom:12px;display:flex}:is(.infra-section-head h3,.profiles-card-head h3,.profiles-section-head h3,.roles-section-head h3,.reservations-panel-header h3,.tutorials-panel-header h3){color:#10233d;margin:0;font-size:1.08rem;font-weight:800}:is(.infra-section-head p,.profiles-card-head p,.profiles-section-head p,.roles-section-head p,.reservations-panel-subtitle,.tutorials-panel-subtitle){color:#5f7898;margin:4px 0 0;font-size:.9rem;line-height:1.45}:is(.infra-form-section,.profiles-form-section,.roles-permission-section,.reservations-form-section,.tutorials-form-section){background:#f8fbfe;border:1px solid #e3ebf4;border-radius:10px;padding:14px}:is(.infra-form-section-label,.profiles-form-section-label,.roles-permission-section-title){color:#0b4b78;letter-spacing:.04em;text-transform:uppercase;background:#eef6ff;border-radius:999px;align-items:center;min-height:24px;padding:0 9px;font-size:.72rem;font-weight:800;display:inline-flex}:is(.infra-form input,.infra-form select,.infra-form textarea,.profiles-form input,.profiles-form select,.roles-input,.reservations-controls input,.reservations-controls select,.reservations-form input,.reservations-form select,.reservations-form textarea,.reservation-modal-form input,.reservation-modal-form select,.reservation-modal-form textarea,.tutorials-form input,.tutorials-form select,.tutorials-form textarea,.login-form input){min-height:44px;box-shadow:none;background:#fff;border:1px solid #d8e2ee;border-radius:8px}:is(.infra-form input:focus,.infra-form select:focus,.infra-form textarea:focus,.profiles-form input:focus,.profiles-form select:focus,.roles-input:focus,.reservations-controls input:focus,.reservations-controls select:focus,.reservations-form input:focus,.reservations-form select:focus,.reservations-form textarea:focus,.reservation-modal-form input:focus,.reservation-modal-form select:focus,.reservation-modal-form textarea:focus,.tutorials-form input:focus,.tutorials-form select:focus,.tutorials-form textarea:focus,.login-form input:focus){border-color:#0d5b74;box-shadow:0 0 0 3px #0d5b741f}:is(.infra-primary,.profiles-primary,.roles-save-button,.reservations-primary,.reservation-modal-primary,.tutorials-primary,.login-button,.home-modern-primary){color:#fff;min-height:42px;box-shadow:none;background:#0b4b78;border-radius:8px}:is(.infra-secondary,.profiles-secondary,.roles-tab-button,.reservations-secondary,.reservation-modal-secondary,.tutorials-secondary,.home-modern-secondary){color:#17324f;min-height:42px;box-shadow:none;background:#fff;border:1px solid #cfdbe8;border-radius:8px}:is(.infra-danger,.profiles-danger,.reservations-danger,.tutorials-danger){color:#9f1239;min-height:42px;box-shadow:none;background:#fff1f2;border:1px solid #fecdd3;border-radius:8px}:is(.infra-primary:hover,.profiles-primary:hover,.roles-save-button:hover:not(:disabled),.reservations-primary:hover,.reservation-modal-primary:hover,.tutorials-primary:hover,.login-button:hover,.home-modern-primary:hover){background:#083b61;transform:translateY(-1px);box-shadow:0 10px 20px #083b612e}:is(.infra-secondary:hover,.profiles-secondary:hover,.roles-tab-button:hover,.reservations-secondary:hover,.reservation-modal-secondary:hover,.tutorials-secondary:hover,.home-modern-secondary:hover){box-shadow:none;background:#f8fbfe;border-color:#aac0d7;transform:none}:is(.reservations-workspace-nav,.roles-tabs,.admin-tabs){grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}:is(.reservations-workspace-tab,.roles-tab-button,.tab-btn){color:#17324f;text-align:left;background:#fff;border:1px solid #dce6f0;border-radius:10px;justify-content:flex-start;align-items:flex-start;min-height:74px}:is(.reservations-workspace-tab.is-active,.roles-tab-button.active,.tab-btn.active){color:#0b4b78;background:#eef7fb;border-color:#0b4b78;box-shadow:inset 4px 0 #f4c542}:is(.infra-table-wrap,.profiles-list,.roles-matrix-container,.reservations-table,.tutorials-grid){border:1px solid #dce6f0;border-radius:10px;overflow:auto}:is(.infra-table,.reservations-table table) th,.infra-table th,.reservations-table th{color:#17324f;letter-spacing:.03em;text-transform:uppercase;background:#f1f6fb;font-size:.78rem}:is(.infra-table,.reservations-table table) td,.infra-table td,.reservations-table td{background:#fff}:is(.infra-item,.profiles-item,.roles-role-card,.tutorial-card,.reservation-user-card,.penalty-card,.infra-action-card,.reservations-task-card,.reservations-insight-card,.reservations-step-card,.tutorial-focus-card,.tutorial-detail-card){box-shadow:none;background:#fff;border:1px solid #dce6f0;border-radius:10px}:is(.infra-empty,.profiles-empty,.reservations-empty,.tutorials-empty){color:#5f7898;background:#f8fbfe;border:1px dashed #c7d6e5;border-radius:10px}.ux-extra-toggle{box-shadow:none;background:#fff;border:1px solid #dce6f0;border-radius:10px}.ux-extra-toggle>summary{color:#17324f;padding:13px 14px}.ux-extra-toggle>summary:after{content:"Abrir";color:#0b4b78}.ux-extra-toggle[open]>summary:after{content:"Cerrar"}:is(.reservation-modal,.tutorial-detail-modal,.penalty-modal,.confirm-modal,.infra-workflow-modal,.loan-return-modal){background:#fff;border-radius:12px;box-shadow:0 30px 80px #07132257}:is(.reservation-modal-backdrop,.tutorial-detail-backdrop,.penalty-backdrop,.confirm-modal-backdrop,.infra-workflow-backdrop,.loan-return-backdrop){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#071322ad}@media (width<=900px){:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header){grid-template-columns:1fr;margin:12px}:is(.infra-summary,.profiles-summary,.reservations-summary,.tutorials-summary){justify-content:stretch}:is(.infra-grid,.infra-body,.profiles-grid,.roles-body,.reservations-page,.tutorials-page,.ucb-map-layout){padding:14px}:is(.infra-section-head,.profiles-card-head,.profiles-section-head,.roles-section-head,.reservations-panel-header,.tutorials-panel-header){display:grid}}.auth-screen{background:linear-gradient(135deg,#0d223de6,#063f77bd),url(/assets/hero-5sT3BiRD.png) 50%/cover;place-items:center;min-height:100dvh;padding:clamp(16px,4vw,40px);display:grid}.login-shell{background:#fffffff5;border:1px solid #ffffff57;border-radius:12px;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);width:min(1040px,100%);min-height:min(680px,100dvh - 32px);display:grid;overflow:hidden;box-shadow:0 36px 90px #0208175c}.login-intro{color:#fff;background:linear-gradient(#041f3a2e,#041f3ae0),url(/assets/hero-5sT3BiRD.png) 50%/cover;align-content:end;gap:18px;padding:clamp(28px,5vw,54px);display:grid}.login-intro-brand,.login-brand{align-items:center;gap:12px;display:flex}.login-intro-brand img,.login-brand-logo-wrap{background:#fff;border:1px solid #f4c54247;border-radius:8px;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.login-intro-brand img,.login-brand-logo{object-fit:contain}.login-brand-logo{width:42px;height:42px}.login-intro-brand span,.login-brand-kicker{color:#ffffffb8;font-size:.76rem;font-weight:800;display:block}.login-brand-kicker{color:var(--ucb-blue);text-transform:uppercase;letter-spacing:.06em}.login-intro-brand strong{color:#fff;font-size:1.2rem;font-weight:800}.login-intro h1{max-width:520px;margin:24px 0 0;font-size:clamp(2.2rem,5vw,4.1rem);font-weight:800;line-height:1.02}.login-intro p{color:#ffffffd1;max-width:460px;margin:0;font-size:1rem;line-height:1.65}.login-intro-steps{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.login-intro-steps span{color:#ffffffe0;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;padding:8px 11px;font-size:.82rem;font-weight:700}.login-card{align-content:center;gap:18px;padding:clamp(24px,5vw,46px);display:grid}.login-brand-text{min-width:0}.login-card h2{color:var(--ink-900);margin:2px 0 0;font-size:clamp(1.6rem,3vw,2.1rem);line-height:1.1}.login-subtitle,.google-helper,.login-footer-note{color:var(--ink-700);margin:0;font-size:.92rem;line-height:1.55}.login-mode-tabs{border:1px solid var(--line-200);background:#eef3f8;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:5px;display:grid}.login-mode-tab{min-height:42px;color:var(--ink-700);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;font-weight:800}.login-mode-tab.is-active{color:var(--ucb-blue);background:#fff;box-shadow:0 6px 18px #0d223d1a}.credentials-form,.google-login-block{gap:13px;display:grid}.form-field{gap:6px;display:grid}.form-label{color:var(--ink-900);font-size:.84rem;font-weight:800}.field-wrap{border:1.5px solid var(--line-300);background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:50px;padding:0 12px;display:flex}.field-wrap:focus-within{border-color:#063f7780;box-shadow:0 0 0 4px #063f771a}.field-wrap.is-valid{border-color:#16a34a80}.field-wrap.is-invalid{border-color:#b91c1c80}.field-wrap input{width:100%;min-width:0;color:var(--ink-900);font:inherit;background:0 0;border:0;outline:0}.password-toggle{color:var(--ink-700);font:inherit;cursor:pointer;background:#eef3f8;border:0;border-radius:9px;flex-shrink:0;padding:7px 9px;font-size:.78rem;font-weight:800}.credentials-submit{color:#fff;min-height:50px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#0d223d,#1260aa);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:inline-flex;box-shadow:0 16px 32px #063f773d}.credentials-submit:hover:not(:disabled){transform:translateY(-1px)}.credentials-submit:disabled{opacity:.55;cursor:not-allowed}.field-hint{margin:0;font-size:.78rem;font-weight:700}.field-hint.is-error,.auth-error{color:#991b1b}.field-hint.is-ok{color:#15803d}.auth-error,.google-local-warning{background:#b91c1c14;border:1px solid #b91c1c2e;border-radius:8px;margin:0;padding:12px 14px;font-size:.88rem}.google-local-warning{background:#f4c5421f;border-color:#f4c54252;gap:8px;display:grid}.google-helper.is-warning{color:#735400;background:#fff8df;border:1px solid #f4c54261;border-radius:8px;padding:10px 12px;font-weight:700}.google-button-host{justify-content:center;min-height:44px;display:flex}.google-loading{justify-content:center;gap:6px;padding:16px;display:flex}.google-loading-dot{background:var(--ucb-blue);opacity:.35;border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite loginDot}.google-loading-dot:nth-child(2){animation-delay:.15s}.google-loading-dot:nth-child(3){animation-delay:.3s}.submit-spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite loginSpin}.login-footer-note{text-align:center;color:var(--ink-500);padding-top:4px;font-size:.78rem}@keyframes loginDot{50%{opacity:1;transform:translateY(-2px)}}@keyframes loginSpin{to{transform:rotate(360deg)}}@media (width<=820px){.login-shell{grid-template-columns:1fr}.login-intro{min-height:280px}}@media (width<=520px){.auth-screen{padding:0}.login-shell{border-radius:0;min-height:100dvh}.login-intro{min-height:250px;padding:22px}.login-card{padding:22px}}.sidebar{inset-block:0;z-index:40;background:#0b2744;border-right:1px solid #ffffff14;flex-direction:column;width:272px;transition:transform .24s;display:flex;position:fixed;left:0;overflow:hidden;box-shadow:12px 0 34px #0d223d24}.sidebar-brand{border-bottom:1px solid #ffffff17;align-items:center;gap:12px;padding:20px 16px 14px;display:flex}.sidebar-logo{object-fit:contain;background:#fff;border:1px solid #f4c54280;border-radius:14px;flex-shrink:0;width:52px;height:52px;padding:6px}.sidebar-brand-text,.sidebar-brand-mobile-text{gap:1px;min-width:0;display:grid}.sidebar-kicker,.sidebar-brand-mobile-kicker{color:#ffffffad;font-size:.7rem;font-weight:700;line-height:1.1}.sidebar-title,.sidebar-brand-mobile-title{color:#fff;font-size:1.1rem;font-weight:800;line-height:1.1}.sidebar-subtitle{color:#ffffffc2;font-size:.78rem}.sidebar-primary-action{color:#11243c;min-height:44px;font:inherit;cursor:pointer;background:#f4c542;border:0;border-radius:10px;justify-content:center;align-items:center;gap:9px;margin:16px 14px 10px;padding:0 14px;font-weight:800;display:inline-flex;box-shadow:0 12px 24px #f4c5422e}.sidebar-primary-action:hover{transform:translateY(-1px);box-shadow:0 16px 28px #f4c5423d}.sidebar-search-wrap{padding:8px 14px 12px}.sidebar-search{color:#ffffffb8;background:#ffffff14;border:1px solid #ffffff1c;border-radius:10px;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:flex}.sidebar-search input{color:#fff;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:.86rem}.sidebar-search:focus-within{background:#ffffff1f;border-color:#f4c54273;box-shadow:0 0 0 3px #f4c5421f}.sidebar-search-hint{color:#ffffffad;margin:7px 2px 0;font-size:.74rem;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:12px;padding:8px 12px 14px;display:flex;overflow-y:auto}.sidebar-group{gap:5px;display:grid}.sidebar-group-title{color:#ffffff7a;letter-spacing:.08em;text-transform:uppercase;margin:0;padding:0 8px;font-size:.68rem;font-weight:800}.sidebar-link{color:#ffffffd1;border:1px solid #0000;border-radius:10px;align-items:center;gap:11px;min-height:54px;padding:9px 10px;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:flex}.sidebar-link svg{color:#ffffff8f;flex-shrink:0}.sidebar-link span{gap:1px;min-width:0;display:grid}.sidebar-link strong{color:inherit;font-size:.9rem;font-weight:800;line-height:1.2}.sidebar-link small{color:#ffffff94;white-space:nowrap;text-overflow:ellipsis;font-size:.74rem;line-height:1.2;overflow:hidden}.sidebar-link:hover{color:#fff;background:#ffffff14;border-color:#ffffff1f;transform:translate(2px)}.sidebar-link--active{color:#0b2744;box-shadow:inset 4px 0 0 var(--ucb-gold);background:#fff;border-color:#f4c54285}.sidebar-link--active svg{color:#0b2744}.sidebar-empty-results{color:#ffffffc7;background:#ffffff14;border:1px dashed #ffffff38;border-radius:12px;margin:0;padding:12px;font-size:.84rem}.sidebar-footer{border-top:1px solid #ffffff17;flex-shrink:0;gap:8px;padding:12px 12px 16px;display:grid}.sidebar-user{background:#ffffff14;border-radius:10px;align-items:center;gap:10px;min-width:0;padding:10px;display:flex}.sidebar-user-avatar{color:#0b2744;background:#fff;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.sidebar-user-info{min-width:0;display:grid}.sidebar-user-name,.sidebar-user-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar-user-name{color:#fff;font-size:.84rem;font-weight:800}.sidebar-user-role{color:#ffffff9e;text-transform:capitalize;font-size:.74rem}.sidebar-logout{color:#991b1b;min-height:40px;font:inherit;cursor:pointer;background:#b91c1c0f;border:1px solid #b91c1c29;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-size:.86rem;font-weight:800;display:inline-flex}.sidebar-logout:hover{background:#b91c1c1c}.sidebar-topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-bottom:1px solid #d8e2eee6;justify-content:space-between;align-items:center;height:58px;padding:0 14px;display:none;position:fixed;inset:0 0 auto;box-shadow:0 8px 24px #0d223d14}.sidebar-brand-mobile{align-items:center;gap:10px;display:flex}.sidebar-brand-mobile-kicker{color:var(--ink-500)}.sidebar-brand-mobile-title{color:var(--ink-900)}.sidebar-brand-mobile .sidebar-logo{border-radius:12px;width:42px;height:42px}.sidebar-toggle{width:40px;height:40px;color:var(--ink-900);cursor:pointer;background:#f6f9fc;border:1px solid #d8e2eef2;border-radius:12px;justify-content:center;align-items:center;display:inline-flex}.sidebar-overlay{z-index:39;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07132280;display:none;position:fixed;inset:0}@media (width<=860px){.sidebar-topbar,.sidebar-overlay{display:flex}.sidebar-overlay{display:block}.sidebar{transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.notification-bell{position:relative}.notification-bell-trigger{width:42px;height:42px;color:var(--ink-900);cursor:pointer;background:#fff;border:1px solid #0a25401f;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:0 2px 10px #0a25400f}.notification-bell-trigger:hover{background:var(--surface-200)}.notification-bell-count{color:#fff;background:#dc2626;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.72rem;font-weight:800;display:inline-flex;position:absolute;top:-5px;right:-4px;box-shadow:0 4px 10px #dc26264d}.notification-bell-panel{border:1px solid var(--line-300);z-index:60;background:#fff;border-radius:18px;width:min(420px,100vw - 32px);max-height:min(70vh,560px);position:absolute;top:calc(100% + 10px);right:0;overflow:auto;box-shadow:0 24px 48px #0a25402e}.notification-bell-header{z-index:1;border-bottom:1px solid var(--line-300);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex;position:sticky;top:0}.notification-bell-header strong{color:var(--ink-900);display:block}.notification-bell-header small{color:var(--ink-700)}.notification-bell-action,.notification-bell-mark{background:var(--surface-200);color:var(--ink-900);font:inherit;cursor:pointer;border:1px solid #0a25401f;border-radius:10px;padding:8px 12px;font-size:.82rem;font-weight:700}.notification-bell-action:disabled{opacity:.45;cursor:not-allowed}.notification-bell-empty{color:var(--ink-700);margin:0;padding:18px}.notification-bell-list{display:grid}.notification-bell-item{border-bottom:1px solid #0a35590f;grid-template-columns:1fr auto;gap:12px;padding:14px 16px;display:grid}.notification-bell-link{text-align:left;cursor:pointer;background:0 0;border:none;gap:6px;padding:0;display:grid}.notification-bell-item-head{justify-content:space-between;gap:10px;display:flex}.notification-bell-item-head strong{color:var(--ink-900);font-size:.92rem}.notification-bell-item-head small{color:var(--ink-700);white-space:nowrap;font-size:.76rem}.notification-bell-link p{color:var(--ink-800);margin:0;font-size:.86rem;font-weight:600}.notification-bell-summary{color:var(--ink-700);font-size:.8rem;line-height:1.5}.notification-bell-change-card{background:#0923400a;border:1px solid #09234014;border-radius:14px;gap:8px;padding:10px 12px;display:grid}.notification-bell-change-row{gap:4px;display:grid}.notification-bell-change-row>span{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-700);font-size:.72rem;font-weight:700}.notification-bell-change-values{flex-direction:column;gap:4px;display:flex}.notification-bell-old,.notification-bell-new{border-radius:999px;align-items:center;width:fit-content;padding:4px 10px;font-size:.8rem;line-height:1.3;display:inline-flex}.notification-bell-old{color:#8d1531;background:#b32f541f;text-decoration:line-through}.notification-bell-new{color:#0b5b5f;background:#0c7c871f}@media (width<=640px){.notification-bell-panel{right:-8px}.notification-bell-item{grid-template-columns:1fr}}.notification-bell-trigger{background:radial-gradient(circle at 35% 25%,#ffffffe6,#0000 34%),linear-gradient(135deg,#fff,#f1f6fb);transition:transform .16s,box-shadow .16s,background .16s;box-shadow:0 14px 26px #0d223d1f}.notification-bell-trigger:hover{transform:translateY(-2px);box-shadow:0 20px 36px #0d223d29}.notification-bell-count{border:2px solid #fff}.notification-bell-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:radial-gradient(circle at 90% 0,#f4c54229,#0000 26%),#fffffff5;border-radius:26px;box-shadow:0 34px 70px #0713223d}.notification-bell-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0}.notification-bell-item{transition:background .16s,transform .16s}.notification-bell-item:hover{background:#063f770b}.notification-bell-item.is-unread{background:linear-gradient(90deg,#063f771a,#f4c54214)}.notification-bell-action,.notification-bell-mark{transition:transform .16s,box-shadow .16s,background .16s}.notification-bell-action:hover:not(:disabled),.notification-bell-mark:hover{transform:translateY(-2px);box-shadow:0 12px 22px #0d223d1f}.notification-bell-item-head strong{font-family:var(--font-ui);font-weight:700}.notification-bell-header strong{font-family:var(--font-display);letter-spacing:-.02em;font-size:1.05rem;font-weight:800}.notification-bell-link p{font-family:var(--font-ui)}.notification-bell-unread-dot{background:var(--ucb-blue);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulseBlue}@keyframes pulseBlue{0%,to{box-shadow:0 0 #063f7766}50%{box-shadow:0 0 0 4px #063f7700}}.notification-bell-empty{text-align:center;font-size:.9rem;font-family:var(--font-ui);padding:32px 24px}.app-layout{background:linear-gradient(135deg,#f5f8fc 0%,#eef5fb 100%);min-height:100dvh;display:flex}.home-main{flex-direction:column;flex:1;min-width:0;min-height:100dvh;margin-left:272px;display:flex}.home-toolbar{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-bottom:1px solid #d8e2eed9;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 24px;display:flex;position:sticky;top:0}.home-toolbar-copy{gap:1px;min-width:0;display:grid}.home-toolbar-copy strong{color:var(--ink-900);font-size:.96rem;font-weight:800}.home-toolbar-copy span{color:var(--ink-700);font-size:.82rem}.home-toolbar-actions{align-items:center;display:flex}.content-window{flex:1;min-height:0;overflow:auto}.section-help-trigger-wrap{z-index:15;margin:0;position:absolute;top:14px;right:18px}.section-help-trigger{width:36px;height:36px;color:var(--ink-900);font:inherit;cursor:pointer;background:#fff7d8;border:1px solid #0a25402e;border-radius:999px;font-weight:800}.home-dashboard{min-height:100%}.home-showcase{gap:18px;width:min(1180px,100%);margin:0 auto;padding:clamp(16px,3vw,32px);display:grid}.home-agenda-panel{background:radial-gradient(circle at 8% 0,#f4c5421f,#0000 24%),radial-gradient(circle at 96% 4%,#063f7714,#0000 24%),#ffffffed;border:1px solid #dce8f0f2;border-radius:clamp(28px,3vw,38px);gap:20px;padding:clamp(24px,4vw,40px);display:grid;box-shadow:0 20px 50px #0d223d17}.home-agenda-head{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.home-agenda-copy h2{font-family:var(--font-display);letter-spacing:-.04em;color:var(--ink-900);margin:0;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.05}.home-agenda-copy p{max-width:640px;color:var(--ink-700);margin:14px 0 0;font-size:.96rem;line-height:1.7}.home-agenda-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.home-agenda-stats article{background:radial-gradient(circle at 90% 10%,#ffffffa8,#0000 24%),linear-gradient(145deg,#063f770f,#f4c5421a);border:1px solid #dce8f0f2;border-radius:22px;gap:6px;min-height:144px;padding:18px 18px 16px;display:grid;box-shadow:0 12px 26px #0d223d0f}.home-agenda-stats span{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-700);font-size:.72rem;font-weight:700;font-family:var(--font-display)}.home-agenda-stats strong{font-family:var(--font-display);color:var(--ink-900);letter-spacing:-.04em;font-size:clamp(2rem,3vw,2.8rem);font-weight:800;line-height:1}.home-agenda-stats p{color:var(--ink-700);margin:0;font-size:.86rem;line-height:1.5}.home-agenda-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.home-agenda-item{transition:transform var(--transition-base), box-shadow var(--transition-base), border-color var(--transition-base);background:#fff;border:1px solid #dce8f0f2;border-radius:24px;gap:10px;padding:20px 20px 18px;display:grid;box-shadow:0 12px 28px #0d223d12}.home-agenda-item:hover{transform:translateY(-4px);box-shadow:0 24px 44px #0d223d1f}.home-agenda-item.is-reservation{border-left:5px solid var(--ucb-blue)}.home-agenda-item.is-tutorial{border-left:5px solid var(--ucb-gold)}.home-agenda-item-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-agenda-pill,.home-agenda-status{letter-spacing:.08em;text-transform:uppercase;min-height:28px;font-size:.72rem;font-weight:700;font-family:var(--font-display);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.home-agenda-pill{color:var(--ucb-blue);background:#063f7714}.home-agenda-item.is-tutorial .home-agenda-pill{color:#8a6500;background:#f4c54229}.home-agenda-status{color:var(--ink-700);letter-spacing:.06em;background:#0d223d0d}.home-agenda-item strong{color:var(--ink-900);font-family:var(--font-display);letter-spacing:-.02em;font-size:1.08rem}.home-agenda-item p{color:var(--ink-700);margin:0;font-size:.92rem;line-height:1.55}.home-agenda-meta,.home-agenda-foot{gap:8px;display:grid}.home-agenda-meta span,.home-agenda-foot span{color:var(--ink-700);align-items:center;gap:7px;font-size:.84rem;line-height:1.45;display:inline-flex}.home-agenda-meta svg,.home-agenda-foot svg{color:var(--ucb-blue);flex:none}.home-agenda-foot{border-top:1px solid #dce8f0e6;padding-top:4px}.home-agenda-foot span:last-child{color:var(--ink-800);font-weight:600}.home-agenda-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex}.home-agenda-empty-note{margin:0}.home-agenda-loading{text-align:center}.home-modern-hero{color:#fff;background:linear-gradient(135deg,#0d223df5,#1260aae6),url(/assets/hero-5sT3BiRD.png) 50%/cover;border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:stretch;gap:clamp(20px,4vw,42px);padding:clamp(24px,4vw,46px);display:grid;box-shadow:0 24px 56px #0d223d38}.home-modern-hero-copy{align-content:center;justify-items:start;display:grid}.home-modern-brand{background:#ffffff1f;border:1px solid #ffffff2e;border-radius:8px;align-items:center;gap:12px;margin-bottom:22px;padding:8px 12px 8px 8px;display:inline-flex}.home-modern-brand img{object-fit:contain;background:#fff;border-radius:8px;width:48px;height:48px;padding:6px}.home-modern-brand div{gap:1px;display:grid}.home-modern-brand span{color:#ffffffb8;font-size:.7rem;font-weight:700}.home-modern-brand strong{color:#fff;font-size:1.18rem;font-weight:800}.home-modern-kicker{color:#f4c542;letter-spacing:.07em;text-transform:uppercase;margin:0 0 10px;font-size:.74rem;font-weight:800}.home-modern-hero h1{color:#fff;max-width:720px;margin:0;font-size:clamp(2rem,4.2vw,4rem);font-weight:800;line-height:1.04}.home-modern-tagline{color:#ffffffd6;max-width:620px;margin:16px 0 0;font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.6}.home-modern-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.home-modern-primary,.home-modern-secondary{min-height:46px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-weight:800;display:inline-flex}.home-modern-primary{color:#10213a;background:#f4c542;border:0}.home-modern-secondary{color:#fff;background:#ffffff1a;border:1px solid #ffffff47}.home-modern-primary:hover,.home-modern-secondary:hover{transform:translateY(-1px)}.home-modern-hero-panel{gap:12px;display:grid}.home-modern-hero-panel article{background:#ffffff1f;border:1px solid #ffffff29;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;column-gap:12px;padding:16px;display:grid}.home-modern-hero-panel svg{color:#f4c542;grid-row:span 3}.home-modern-hero-panel span{color:#ffffffad;text-transform:uppercase;font-size:.72rem;font-weight:800}.home-modern-hero-panel strong{color:#fff;font-size:1.15rem;font-weight:800}.home-modern-hero-panel p{color:#ffffffbf;margin:0;font-size:.86rem}.home-modern-section,.home-status-strip{background:#ffffffeb;border:1px solid #d8e2eee6;border-radius:10px;padding:clamp(20px,3vw,30px);box-shadow:0 18px 42px #0d223d14}.home-modern-section-head{gap:6px;margin-bottom:18px;display:grid}.home-modern-section-head h2{color:var(--ink-900);margin:0;font-size:clamp(1.45rem,2.6vw,2.2rem);font-weight:800;line-height:1.12}.home-action-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.home-action-card{min-height:170px;color:var(--ink-900);text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e2eee6;border-radius:10px;align-content:start;gap:12px;padding:20px;display:grid}.home-action-card:hover{border-color:#063f7742;transform:translateY(-2px);box-shadow:0 18px 34px #0d223d1a}.home-action-card span{width:48px;height:48px;color:var(--ucb-blue);background:#eef6ff;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.home-action-card strong{font-size:1rem;font-weight:800}.home-action-card small{color:var(--ink-700);font-size:.9rem;line-height:1.45}.home-action-card.is-primary{background:#fff9e6;border-color:#f4c5427a}.home-status-strip{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.home-status-strip article{background:#f6f9fc;border-radius:8px;align-items:flex-start;gap:12px;padding:14px;display:flex}.home-status-strip svg{color:var(--ucb-blue);flex-shrink:0}.home-status-strip div{gap:2px;display:grid}.home-status-strip strong{color:var(--ink-900);font-weight:800}.home-status-strip span{color:var(--ink-700);font-size:.9rem}@media (width<=1100px){.home-agenda-head,.home-modern-hero,.home-role-panel{grid-template-columns:1fr}.home-agenda-stats,.home-agenda-list,.home-modern-labs,.home-role-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.home-main{margin-left:0;padding-top:58px}.home-toolbar{padding:10px 14px;top:58px}.home-modern-hero{grid-template-columns:1fr}}@media (width<=560px){.home-toolbar{align-items:flex-start}.home-toolbar-copy span{display:none}.home-showcase{padding:12px}.home-modern-hero,.home-agenda-panel,.home-modern-section,.home-status-strip{border-radius:18px;padding:18px}.home-agenda-stats,.home-agenda-list,.home-modern-actions,.home-modern-primary,.home-modern-secondary{width:100%}.home-agenda-stats,.home-agenda-list,.home-modern-hero-panel article{grid-template-columns:1fr}.home-modern-hero-panel svg{grid-row:auto}.home-feature-grid,.home-modern-labs,.home-role-grid,.home-admin-card-grid{grid-template-columns:1fr}.home-agenda-actions{justify-content:stretch}.home-agenda-actions .home-modern-primary,.home-agenda-actions .home-modern-secondary{width:100%}}@media (width<=480px){.home-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 14px}.home-toolbar-actions{justify-content:flex-end}}:root{--ui-bg:#f2f5f8;--ui-panel:#fff;--ui-panel-soft:#f8fafc;--ui-border:#d8e1eb;--ui-border-soft:#e9eef5;--ui-text:#132238;--ui-muted:#63748b;--ui-blue:#0c4772;--ui-blue-soft:#e8f3fb;--ui-gold:#f2c94c;--ui-green-soft:#edf8f0;--ui-red-soft:#fff1f2;--ui-shadow:0 10px 24px #13223812}body,.home-main,.content-window{background:var(--ui-bg)!important}.home-toolbar{border-bottom:1px solid var(--ui-border)!important;background:#ffffffeb!important;min-height:58px!important;padding:9px 22px!important;box-shadow:0 4px 16px #1322380a!important}.home-toolbar-copy strong{color:var(--ui-text)!important;font-size:.95rem!important}.home-toolbar-copy span{color:var(--ui-muted)!important}.module-loading{border:1px solid var(--ui-border);color:var(--ui-muted);box-shadow:var(--ui-shadow);background:#fff;border-radius:12px;margin:22px;padding:18px;font-weight:700}.content-window>:is(.infra-page,.profiles-page,.roles-page,.reservations-page,.tutorials-page,.ucb-map-page){background:var(--ui-bg)!important}:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header){border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important;color:var(--ui-text)!important;box-shadow:var(--ui-shadow)!important;border-radius:14px!important;margin:18px 22px 12px!important;padding:22px 26px!important}:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header):before,:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header):after{display:none!important}:is(.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker,.ucb-map-kicker){color:var(--ui-blue)!important;letter-spacing:.08em!important;text-transform:uppercase!important;margin:0 0 6px!important;font-size:.72rem!important;font-weight:800!important}:is(.infra-header h2,.profiles-header h2,.roles-header h2,.reservations-header h2,.tutorials-header h2,.ucb-map-header h2){color:var(--ui-text)!important;letter-spacing:0!important;margin:0!important;font-size:clamp(1.5rem,2vw,2rem)!important;font-weight:800!important;line-height:1.12!important}:is(.infra-header p,.profiles-header p,.roles-header p,.reservations-header p,.tutorials-header p,.ucb-map-header p):not(:is(.infra-kicker,.profiles-kicker,.roles-header-kicker,.reservations-kicker,.tutorials-kicker,.ucb-map-kicker)){max-width:760px!important;color:var(--ui-muted)!important;margin:8px 0 0!important;font-size:.94rem!important;line-height:1.45!important}:is(.infra-summary,.profiles-summary,.reservations-summary,.tutorials-summary){flex-wrap:wrap!important;gap:8px!important;display:flex!important}:is(.infra-summary div,.profiles-summary div,.reservations-summary div,.tutorials-summary div,.reservations-summary-card){border:1px solid var(--ui-border-soft)!important;background:var(--ui-panel-soft)!important;min-width:88px!important;box-shadow:none!important;border-radius:10px!important;padding:9px 12px!important}:is(.infra-summary span,.profiles-summary span,.reservations-summary span,.tutorials-summary span){color:var(--ui-muted)!important;font-size:.7rem!important;font-weight:800!important}:is(.infra-summary strong,.profiles-summary strong,.reservations-summary strong,.tutorials-summary strong){color:var(--ui-text)!important;font-size:1.22rem!important;font-weight:800!important}:is(.infra-grid,.infra-body,.profiles-grid,.roles-body,.tutorials-page,.ucb-map-layout){gap:16px!important;padding:10px 22px 28px!important}.reservations-page{gap:14px!important;padding:0 22px 28px!important;display:grid!important}.reservations-page>.reservations-header{margin-left:0!important;margin-right:0!important}:is(.infra-card,.profiles-card,.roles-form-card,.roles-permissions-panel,.roles-matrix-container,.reservations-panel,.tutorials-panel,.home-modern-section,.home-role-panel,.ucb-map-frame-card,.ucb-map-buildings){border:1px solid var(--ui-border)!important;background:var(--ui-panel)!important;box-shadow:var(--ui-shadow)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:14px!important}:is(.infra-card,.profiles-card,.reservations-panel,.tutorials-panel){padding:18px!important}:is(.infra-card:hover,.profiles-card:hover,.roles-form-card:hover,.reservations-panel:hover,.tutorials-panel:hover){box-shadow:var(--ui-shadow)!important;transform:none!important}:is(.infra-section-head,.profiles-card-head,.profiles-section-head,.roles-section-head,.reservations-panel-header,.tutorials-panel-header){border-bottom:1px solid var(--ui-border-soft)!important;justify-content:space-between!important;align-items:flex-start!important;gap:12px!important;margin:0 0 14px!important;padding:0 0 10px!important;display:flex!important}:is(.infra-section-head h3,.profiles-card-head h3,.profiles-section-head h3,.roles-section-head h3,.reservations-panel-header h3,.tutorials-panel-header h3){color:var(--ui-text)!important;font-size:1.02rem!important;font-weight:800!important}:is(.infra-section-head p,.profiles-card-head p,.profiles-section-head p,.roles-section-head p,.reservations-panel-subtitle,.tutorials-panel-subtitle){color:var(--ui-muted)!important;font-size:.88rem!important}.reservations-workspace-status,.reservations-step-grid{display:none!important}.reservations-panel:has(.reservations-workspace-nav){padding:16px!important}.reservations-panel:has(.reservations-workspace-nav) .reservations-panel-header{margin-bottom:12px!important}.reservations-workspace-nav{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;display:grid!important}.reservations-workspace-tab{border:1px solid var(--ui-border)!important;min-height:78px!important;color:var(--ui-text)!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important;padding:13px 14px!important}.reservations-workspace-tab span:not(.reservations-workspace-icon){color:var(--ui-muted)!important;font-size:.82rem!important;line-height:1.35!important}.reservations-workspace-tab.is-active{background:var(--ui-blue-soft)!important;box-shadow:inset 4px 0 0 var(--ui-gold)!important;border-color:#0c477273!important}.reservations-workspace-icon,.reservations-summary-card-icon,.reservations-task-card-icon{background:var(--ui-blue-soft)!important;color:var(--ui-blue)!important;border-radius:9px!important}.reservations-task-grid,.reservations-insight-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))!important;gap:10px!important;display:grid!important}.reservations-task-card,.reservations-insight-card{border:1px solid var(--ui-border)!important;min-height:128px!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important;padding:16px!important}.reservations-task-card strong,.reservations-insight-card strong{color:var(--ui-text)!important;font-size:2rem!important;line-height:1.1!important}.reservations-task-card p,.reservations-insight-card p{color:var(--ui-muted)!important;font-size:.88rem!important;line-height:1.4!important}.infra-command-panel{border:1px solid var(--ui-border)!important;box-shadow:var(--ui-shadow)!important;background:#fff!important;border-radius:14px!important;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr)!important;align-items:stretch!important;gap:14px!important;padding:18px!important;display:grid!important}.infra-command-copy{background:var(--ui-panel-soft)!important;border-radius:12px!important;align-content:center!important;gap:6px!important;padding:16px!important;display:grid!important}.infra-command-copy h3{color:var(--ui-text)!important;margin:0!important;font-size:1.25rem!important}.infra-command-copy p{color:var(--ui-muted)!important;font-size:.9rem!important}.infra-action-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important;display:grid!important}.infra-action-card{border:1px solid var(--ui-border)!important;min-height:118px!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important;padding:14px!important}.infra-action-card strong,.infra-action-card h4{color:var(--ui-text)!important;font-size:.98rem!important}.infra-action-card p,.infra-action-card small{color:var(--ui-muted)!important;font-size:.84rem!important;line-height:1.35!important}.infra-action-card span:first-child,.infra-action-card-icon{background:var(--ui-blue-soft)!important;width:34px!important;height:34px!important;color:var(--ui-blue)!important;border-radius:9px!important}.infra-list,.reservation-card-grid,.tutorials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;gap:12px!important;display:grid!important}.infra-ticket-card,.reservation-user-card,.tutorial-card,.profiles-item,.infra-item{border:1px solid var(--ui-border)!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important}.infra-ticket-card{padding:15px!important}.infra-ticket-head h4,.reservation-user-card h4,.tutorial-card h3,.profiles-item h3{color:var(--ui-text)!important;font-size:1rem!important;line-height:1.25!important}.infra-ticket-copy,.infra-ticket-meta,.reservation-user-card-meta,.tutorial-copy,.profiles-meta{color:var(--ui-muted)!important;font-size:.86rem!important}.infra-chip,.infra-status-badge,.reservations-status,.tutorial-badge,.profiles-badge{border-radius:999px!important;font-size:.74rem!important;font-weight:800!important}:is(.infra-form input,.infra-form select,.infra-form textarea,.profiles-form input,.profiles-form select,.roles-input,.reservations-controls input,.reservations-controls select,.reservations-form input,.reservations-form select,.reservations-form textarea,.tutorials-form input,.tutorials-form select,.tutorials-form textarea){border:1px solid var(--ui-border)!important;min-height:42px!important;box-shadow:none!important;background:#fff!important;border-radius:9px!important}:is(.infra-form-section,.profiles-form-section,.roles-permission-section,.reservations-form-section,.tutorials-form-section){border:1px solid var(--ui-border-soft)!important;background:var(--ui-panel-soft)!important;border-radius:12px!important}:is(.infra-primary,.profiles-primary,.roles-save-button,.reservations-primary,.reservation-modal-primary,.tutorials-primary,.credentials-submit){background:var(--ui-blue)!important;color:#fff!important;min-height:40px!important;box-shadow:none!important;border-radius:9px!important}:is(.infra-secondary,.profiles-secondary,.roles-tab-button,.reservations-secondary,.reservation-modal-secondary,.tutorials-secondary){border:1px solid var(--ui-border)!important;min-height:40px!important;color:var(--ui-text)!important;box-shadow:none!important;background:#fff!important;border-radius:9px!important}:is(.infra-danger,.profiles-danger,.reservations-danger,.tutorials-danger){background:var(--ui-red-soft)!important;color:#9f1239!important;min-height:40px!important;box-shadow:none!important;border:1px solid #fecdd3!important;border-radius:9px!important}.infra-table-wrap,.reservations-table,.profiles-list,.roles-matrix-container{border:1px solid var(--ui-border)!important;box-shadow:none!important;background:#fff!important;border-radius:12px!important}.infra-table th,.reservations-table th{color:var(--ui-muted)!important;letter-spacing:.06em!important;text-transform:uppercase!important;background:#f5f8fb!important;padding:11px 12px!important;font-size:.72rem!important}.infra-table td,.reservations-table td{color:var(--ui-text)!important;padding:12px!important}.infra-filter-panel,.reservations-controls,.profiles-search,.cal-lab-controls{border:1px solid var(--ui-border-soft)!important;background:var(--ui-panel-soft)!important;border-radius:12px!important}.infra-empty,.profiles-empty,.reservations-empty,.tutorials-empty{background:var(--ui-panel-soft)!important;color:var(--ui-muted)!important;border:1px dashed #c8d5e3!important;border-radius:12px!important}@media (width<=980px){:is(.infra-header,.profiles-header,.roles-header,.reservations-header,.tutorials-header,.ucb-map-header){grid-template-columns:1fr!important;margin:12px!important}.reservations-page,:is(.infra-grid,.infra-body,.profiles-grid,.roles-body,.tutorials-page,.ucb-map-layout){padding:12px!important}.infra-command-panel,.infra-action-grid{grid-template-columns:1fr!important}}