.ph{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.ph__left{align-items:center;gap:.75rem;min-width:0;display:flex}.ph__icon{background:rgba(var(--brand-primary-rgb,18, 60, 115), .1);width:40px;height:40px;color:var(--brand-primary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.ph__icon--custom{background:rgba(var(--ph-accent-rgb), .1);color:rgb(var(--ph-accent-rgb))}.ph__text{flex-direction:column;gap:.1rem;min-width:0;display:flex}.ph__title{color:var(--color-gray-900);margin:0;font-size:1.35rem;font-weight:700;line-height:1.25}.ph__subtitle{color:var(--color-gray-400);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.82rem;overflow:hidden}.ph__actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.ph__action-btn{cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.4rem;height:42px;padding:0 1.25rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.ph__action-btn--primary{background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200)}.ph__action-btn--primary:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.ph__action-btn--primary:disabled{opacity:.5;cursor:not-allowed}.ph__action-btn--secondary{background:var(--color-white);color:var(--color-gray-900);border:1px solid var(--color-gray-200)}.ph__action-btn--secondary:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.ph__action-btn--secondary:disabled{opacity:.5;cursor:not-allowed}@media (width<=700px){.ph{flex-direction:column;align-items:stretch}.ph__actions{justify-content:stretch}.ph__actions>*{flex:1;justify-content:center}.ph__subtitle{white-space:normal}}.um-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.um-header__left{align-items:baseline;gap:.5rem;display:flex}.um-header__title{color:var(--color-gray-900);margin:0;font-size:1.35rem;font-weight:600}.um-header__count{color:var(--color-gray-400);font-size:.85rem;font-weight:400}.um-header__actions{align-items:center;gap:.5rem;display:flex}.um-header__add-btn{background:var(--brand-primary);color:var(--color-white);cursor:pointer;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;transition:opacity .15s;display:inline-flex}.um-header__add-btn:hover{opacity:.9}.um-header__csv-btn{border:1px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-600);cursor:pointer;border-radius:6px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.85rem;font-weight:500;transition:border-color .15s,color .15s;display:inline-flex}.um-header__csv-btn:hover{border-color:var(--color-gray-300);color:var(--color-gray-800)}.um-search{margin-bottom:1.25rem;position:relative}.um-search__icon{color:var(--color-gray-400);pointer-events:none;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.um-search__input{border:1px solid var(--color-gray-200);width:100%;color:var(--color-gray-700);background:var(--color-white);border-radius:6px;padding:.55rem .75rem .55rem 2.4rem;font-size:.88rem;transition:border-color .15s}.um-search__input:focus{border-color:var(--brand-primary);outline:none}.um-search__input::placeholder{color:var(--color-gray-400)}.um-alpha-divider{align-items:center;gap:.6rem;margin:.75rem 0 .25rem;display:flex}.um-alpha-divider__letter{color:var(--brand-primary);text-transform:uppercase;flex-shrink:0;font-size:.78rem;font-weight:600}.um-alpha-divider__line{background:var(--color-gray-200);flex:1;height:1px}.um-list{flex-direction:column;display:flex}.um-row-wrapper{position:relative}.um-row{border-radius:6px;align-items:center;gap:.75rem;padding:.5rem .25rem;transition:background .1s;display:flex}.um-row--clickable{cursor:pointer}.um-row:hover{background:var(--color-gray-50)}.um-avatar{letter-spacing:.02em;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.72rem;font-weight:600;display:flex}.um-avatar--admin{background:var(--brand-primary);color:var(--color-white)}.um-avatar--teacher{background:rgba(var(--brand-primary-rgb), .1);color:var(--brand-primary)}.um-avatar--superadmin{background:var(--brand-primary);color:var(--color-white)}.um-info{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;min-width:0;display:flex}.um-name{color:var(--color-gray-900);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.um-role-chip{white-space:nowrap;border-radius:4px;flex-shrink:0;align-items:center;padding:2px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.um-role-chip--admin{background:var(--brand-primary);color:var(--color-white)}.um-role-chip--teacher{background:rgba(var(--brand-primary-rgb), .1);color:var(--brand-primary)}.um-role-chip--superadmin{background:var(--brand-primary);color:var(--color-white)}.um-role-chip--nologin{background:var(--color-gray-100);color:var(--color-gray-400)}.um-badge{background:var(--color-gray-100);color:var(--color-gray-500);border-radius:3px;flex-shrink:0;align-items:center;padding:1px 6px;font-size:.65rem;font-weight:600;display:inline-flex}.um-badge--sso{color:var(--brand-primary);border:1px solid var(--brand-primary);background:0 0;gap:3px;padding:0 5px}.um-email{color:var(--color-gray-500);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:.3rem;max-width:240px;font-size:.8rem;display:none;overflow:hidden}.um-email__icon{color:var(--color-gray-400);flex-shrink:0}@media (width>=600px){.um-email{display:flex}}.um-menu-anchor{flex-shrink:0;position:relative}.um-menu-trigger{width:44px;height:44px;color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.um-menu-trigger:hover{background:var(--color-gray-100);color:var(--color-gray-600)}.um-context-menu{z-index:200;background:var(--color-white);border:1px solid var(--color-gray-200);min-width:180px;box-shadow:0 4px 16px rgba(var(--color-black-rgb), .08);border-radius:8px;position:absolute;top:100%;right:0;overflow:hidden}.um-context-menu--portal{z-index:9999;position:fixed}.um-context-menu__item{width:100%;color:var(--color-gray-700);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.82rem;transition:background .1s;display:flex}.um-context-menu__item:hover{background:var(--color-gray-50)}.um-context-menu__item--danger{color:var(--color-error)}.um-context-menu__item--danger:hover{background:rgba(var(--color-error-rgb,220, 38, 38), .05)}.um-context-menu__divider{background:var(--color-gray-200);height:1px;margin:0}.um-detail-panel{grid-template-rows:0fr;transition:grid-template-rows .18s;display:grid;overflow:hidden}.um-detail-panel--open{grid-template-rows:1fr}.um-detail-panel__inner{min-height:0;overflow:hidden}.ph__title-row{align-items:center;gap:.35rem;display:flex}.ph__help-btn{width:28px;height:28px;color:var(--color-gray-400);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .15s,background-color .15s;display:inline-flex}.ph__help-btn:hover{color:var(--brand-primary);background:var(--color-gray-100)}.ph__help-btn:focus-visible{color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), .18);outline:none}.ph-help{flex-direction:column;gap:.5rem;width:320px;max-width:calc(100vw - 2rem);padding:.75rem .875rem;display:flex}.ph-help__title{color:var(--brand-text-primary);margin:0;font-size:.9rem;font-weight:600}.ph-help__title:focus{outline:none}.ph-help__list{color:var(--brand-text-secondary);margin:0;padding-left:1.25rem;font-size:.85rem;line-height:1.55}.ph-help__list li{margin:.2rem 0}@media (width<=600px){.um-context-menu--portal:has(.ph-help){max-width:none;left:.75rem!important;right:.75rem!important}.ph-help{width:auto;max-width:none}}.um-detail-grid{grid-template-columns:1fr 1fr;gap:.6rem 1.5rem;margin-left:64px;padding:.6rem 0 .75rem;display:grid}.um-detail-item{flex-direction:column;gap:.1rem;display:flex}.um-detail-label{text-transform:uppercase;color:var(--color-gray-400);letter-spacing:.03em;font-size:.68rem;font-weight:500}.um-detail-value{color:var(--color-gray-600);font-size:.8rem}.um-empty{text-align:center;color:var(--color-gray-400);padding:2.5rem 1rem;font-size:.88rem}.slots-panel{margin-left:48px;padding:.5rem 0 .75rem}.slots-toolbar{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.slots-count{color:var(--color-gray-400);margin-left:auto;font-size:.78rem}.slots-list{flex-direction:column;gap:2px;display:flex}.slot-row{border-radius:5px;align-items:center;gap:.6rem;padding:.35rem .5rem;transition:background .1s;display:flex}.slot-row:hover{background:var(--color-gray-50)}.slot-row--booked{background:rgba(var(--brand-primary-rgb), .03)}.slot-row__time{flex-shrink:0;align-items:baseline;gap:.4rem;min-width:140px;display:flex}.slot-row__date{color:var(--color-gray-500);font-size:.78rem}.slot-row__clock{color:var(--color-gray-800);font-size:.82rem;font-weight:500}.slot-row__visitor{min-width:0;color:var(--color-gray-600);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.8rem;overflow:hidden}.slot-row__student{color:var(--color-gray-400);font-size:.78rem}@media (width<=600px){.um-detail-grid{grid-template-columns:1fr;margin-left:50px}.um-header{flex-direction:column;align-items:stretch;gap:.75rem}.um-header__actions{gap:.5rem;display:flex}.um-header__add-btn,.um-header__csv-btn{flex:1;justify-content:center}.um-header__btn-label{display:none}.slots-panel{margin-left:0}.slot-row__time{min-width:110px}.slot-row{flex-wrap:wrap}.um-search__input{font-size:1rem}}@media (width<=768px){.slot-row{flex-wrap:wrap}}.btn{background:var(--color-white);border:1px solid var(--color-gray-200);height:42px;color:var(--color-gray-900);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:.5rem;padding:0 1.375rem;font-family:inherit;font-size:.875rem;font-weight:600;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--color-gray-400);background:var(--color-gray-100)}.btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn svg{flex-shrink:0;width:16px;height:16px}.btn--compact{gap:.375rem;height:38px;padding:0 1rem}.btn--danger{color:var(--color-error);border-color:var(--color-error-border)}.btn--danger:hover{background:var(--color-error-light);border-color:var(--color-error)}.btn--ghost{color:var(--color-gray-500);background:0 0;border:none}.btn--ghost:hover{background:var(--color-gray-100);color:var(--color-gray-700)}.public-back-link{color:var(--brand-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:.35rem;margin-bottom:1rem;padding:.375rem .625rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:color .15s,background-color .15s;display:inline-flex}.public-back-link:hover{color:var(--brand-text-primary);background:var(--color-gray-100)}.public-back-link:focus-visible{color:var(--brand-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb), .18);outline:none}