:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#0f172a;background-color:#f8fafc}body{margin:0}*,*:before,*:after{box-sizing:border-box}.app-shell{min-height:100vh;padding:1.5rem 3vw 3rem;display:flex;flex-direction:column;gap:1.5rem}.app-body{flex:1;display:flex;gap:1.25rem;min-height:0}.app-main{flex:1;min-height:0;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.app-header p{color:#475569}.header-actions{display:flex;align-items:center;gap:1rem}.primary-link{background:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:999px;text-decoration:none;font-weight:600}.role-dropdown{position:relative}.role-dropdown button{background:#0f172a;color:#fff;border-radius:999px;border:none;padding:.5rem 1.25rem;font-weight:600;display:flex;align-items:center;gap:.35rem;cursor:pointer}.role-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 25px 45px #0f172a40;display:flex;flex-direction:column;min-width:240px;z-index:10}.role-dropdown-menu a{padding:.75rem 1rem;text-decoration:none;color:#0f172a;display:flex;flex-direction:column;gap:.15rem}.role-dropdown-menu a strong{font-size:.95rem}.role-dropdown-menu a span{font-size:.8rem;color:#475569}.role-dropdown-menu a.active{background:#eef2ff;font-weight:600}.header-emoji{font-size:2rem}.service-indicator{display:flex;align-items:center;gap:.75rem;border-radius:999px;padding:.35rem .9rem;border:1px solid transparent}.service-indicator strong{display:block;font-size:.9rem}.service-indicator small{font-size:.75rem;color:inherit;opacity:.8}.status-dot{width:.6rem;height:.6rem;border-radius:50%}.service-indicator.tone-ok{background:#ecfccb;color:#3f6212;border-color:#bef264}.service-indicator.tone-warning{background:#fef9c3;color:#854d0e;border-color:#fcd34d}.service-indicator.tone-error{background:#fee2e2;color:#b91c1c;border-color:#fca5a5}.service-indicator.tone-neutral{background:#e2e8f0;color:#0f172a;border-color:#cbd5f5}.service-indicator.tone-ok .status-dot{background:#65a30d}.service-indicator.tone-warning .status-dot{background:#d97706}.service-indicator.tone-error .status-dot{background:#dc2626}.service-indicator.tone-neutral .status-dot{background:#475569}.card{background:#fff;padding:1.5rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;margin-bottom:1.5rem}.role-card h2{margin-top:0}.role-card h2,.role-switcher h2{margin-top:0}.role-card p{margin-top:.25rem;color:#475569}.role-switcher h2{margin-top:0}.role-tabs{display:grid;gap:.75rem}@media (min-width: 900px){.role-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}.role-tab{border:1px solid #e2e8f0;border-radius:.75rem;padding:1rem;background-color:#f8fafc;text-align:left;text-decoration:none;color:inherit;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.role-tab-label{font-weight:600;display:block}.role-tab-description{color:#475569;font-size:.9rem}.role-tab.active{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb33;background-color:#fff}.form-control{display:flex;flex-direction:column;gap:.25rem}label{font-weight:600;font-size:.95rem;color:#0f172a}input,select{border-radius:.5rem;border:1px solid #cbd5f5;padding:.6rem .75rem;font-size:1rem}input:focus,select:focus{outline:2px solid #2563eb}form{display:flex;flex-direction:column;gap:.9rem;margin-top:1rem}.time-range-inputs{display:flex;gap:.5rem}button{align-self:flex-start;background-color:#2563eb;color:#fff;border:none;border-radius:999px;padding:.6rem 1.5rem;cursor:pointer;font-weight:600}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background-color:#e2e8f0;color:#0f172a}.feedback{font-size:.9rem;margin-top:.5rem}.feedback.success{color:#15803d}.feedback.error{color:#b91c1c}.feedback.info{color:#0369a1}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e2e8f0;padding:.75rem;text-align:left;font-size:.95rem}th{font-size:.85rem;letter-spacing:.03em;text-transform:uppercase;color:#475569}.status-badge{padding:.2rem .6rem;border-radius:999px;font-size:.85rem;font-weight:600}.status-published{background-color:#dcfce7;color:#166534}.status-pending{background-color:#fef9c3;color:#854d0e}.status-archived{background-color:#e2e8f0;color:#475569}.pending-list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.75rem}.pending-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #e2e8f0;border-radius:.75rem;padding:.75rem 1rem;flex-wrap:wrap;gap:.5rem}.pending-metadata{display:flex;flex-direction:column}.pending-actions{display:flex;gap:.5rem}.calendar-shell{margin-top:1.5rem;padding:0}.calendar-panel{padding:1.5rem;border-radius:1.5rem;background:#fff;box-shadow:0 35px 65px #0f172a1f;height:100%;display:flex;flex-direction:column}.calendar-layout{position:relative;min-height:0;flex:1;padding-right:96px}.calendar-shell{flex:1;display:flex;flex-direction:column;min-height:0;height:100%}.info-list{margin-top:.5rem;background:#f1f5f9;border-radius:.75rem;padding:.75rem 1rem}.info-list ul{margin:.35rem 0 0;padding-left:1.2rem}.calendar-panel-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.25rem;margin-bottom:1.5rem}.calendar-panel-header h2{margin:0}.calendar-panel-header p{margin:.35rem 0 0;color:#475569;max-width:52ch}.calendar-panel-tools{display:flex;gap:.75rem;align-items:flex-start}.calendar-panel-legend{background:#0f172a;color:#fff;border-radius:1rem;padding:1rem 1.25rem;max-width:320px;display:flex;flex-direction:column;gap:.35rem}.legend-title{text-transform:uppercase;letter-spacing:.1em;font-size:.75rem;color:#cbd5f5}.calendar-panel-actions{display:flex;gap:.5rem;flex-wrap:wrap}.slot-calendar{overflow-x:auto}.slot-calendar.is-dragging{cursor:grabbing}.calendar-workspace-grid{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 1024px){.calendar-workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:1.5rem;align-items:flex-start}}.calendar-workspace-main{display:flex;flex-direction:column;gap:1rem;flex:1;min-height:0}.calendar-interactive-area{position:relative;border-radius:1.5rem}.calendar-interactive-area.is-disabled{pointer-events:none}.calendar-interactive-area.is-disabled:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1}.app-sidebar{width:76px;background:#0f172a;border-radius:1.5rem 0 0 1.5rem;padding:1rem .5rem;color:#fff;display:flex;flex-direction:column;align-items:center;transition:width .25s ease,background .25s ease,color .25s ease;position:absolute;right:0;top:0;bottom:0;z-index:5;box-shadow:0 25px 45px #0f172a33}.app-sidebar.is-collapsed .sidebar-panel{opacity:0;pointer-events:none}.app-sidebar:not(.is-collapsed){width:min(360px,35vw);flex-direction:row;align-items:stretch;background:#fff;color:#0f172a;gap:1rem;border-radius:1.5rem 0 0 1.5rem}.app-sidebar:not(.is-collapsed) .sidebar-panel{margin-top:0;opacity:1;pointer-events:auto}.app-sidebar:not(.is-collapsed) .sidebar-icon{background:#f1f5f9;color:#0f172a}.sidebar-rail{display:flex;flex-direction:column;gap:.75rem;align-items:center}.app-sidebar:not(.is-collapsed) .sidebar-rail{align-items:stretch}.sidebar-panel{flex:1;background:#fff;color:#0f172a;margin-top:1rem;border-radius:1.25rem;padding:1.25rem;box-shadow:0 25px 45px #0f172a26;overflow-y:auto;min-height:0}.sidebar-panel-section{display:flex;flex-direction:column;gap:.75rem}.sidebar-panel-section ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.sidebar-panel-section li{border:1px solid #e2e8f0;border-radius:.9rem;padding:.75rem}.sidebar-panel-section li strong{display:block}.sidebar-panel-section li span{font-size:.85rem;color:#475569}.sidebar-panel-section.muted{color:#475569;text-align:center}.sidebar-icon{width:48px;height:48px;border-radius:14px;background:#ffffff1f;color:inherit;display:flex;align-items:center;justify-content:center;font-size:1.25rem;border:none;cursor:pointer;position:relative;transition:background .2s ease}.sidebar-icon.is-active{background:#ffffff40}.sidebar-icon.badge:after{content:attr(data-badge);position:absolute;top:-6px;right:-6px;background:#f97316;color:#fff;border-radius:999px;padding:.1rem .35rem;font-size:.65rem}.sidebar-toggle{margin-top:auto;background:#ffffff26;color:inherit;border:none;width:100%;border-radius:999px}.app-sidebar:not(.is-collapsed) .sidebar-toggle{background:#e2e8f0;color:#0f172a}.action-stack{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:.2rem .75rem;font-size:.8rem;background:#e2e8f0}.badge-missing{background:#fef9c3;color:#854d0e}.badge-pending{background:#e0f2fe;color:#0369a1}.badge-approved{background:#dcfce7;color:#15803d}.badge-rejected{background:#fee2e2;color:#b91c1c}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:.15rem .6rem;font-size:.75rem;background:#f1f5f9;margin-top:.35rem}.onboarding-candidature{margin-top:1.5rem;background:#fff;border-radius:1rem;padding:1rem 1.25rem;box-shadow:0 15px 35px #0f172a1a}.onboarding-candidature-header{display:flex;justify-content:space-between;gap:1rem;align-items:center;flex-wrap:wrap}.muted-text{color:#475569;font-size:.85rem}.calendar-interactive-area.is-disabled *{filter:grayscale(.25)}.calendar-main-stack{display:flex;flex-direction:column;gap:1rem}.calendar-sub-card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem;background:#fff}.calendar-sub-card h3{margin-top:0}.calendar-workspace-sidebar,.sidebar-stack{display:flex;flex-direction:column;gap:1rem}.sidebar-section{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem;background:#fff;display:flex;flex-direction:column;gap:.75rem}.sidebar-section h3{margin:0}.slot-capacity-config{display:flex;flex-direction:column;gap:.65rem;border:1px dashed #cbd5f5;border-radius:.9rem;padding:.85rem;background:#f8fafc}.slot-capacity-row{display:grid;grid-template-columns:minmax(0,1fr) 110px 160px auto;gap:.5rem;align-items:center}.slot-capacity-row select,.slot-capacity-row input[type=number]{width:100%}.slot-capacity-row .checkbox{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#475569}.slot-capacity-row .remove-row{align-self:flex-start}.slot-capacity-footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-weight:600}.slot-detail-panel{display:flex;flex-direction:column;gap:1.25rem}.slot-detail-overview{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.slot-detail-label{text-transform:uppercase;font-size:.75rem;letter-spacing:.08em;color:#94a3b8;margin:0 0 .15rem}.slot-detail-overview h4{margin:0}.slot-detail-meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.slot-detail-meta-item{border:1px solid #e2e8f0;border-radius:.85rem;padding:.85rem 1rem;background:#f8fafc}.slot-detail-meta-item strong{display:block;font-size:.8rem;color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.2rem}.slot-detail-meta-item span{font-size:1rem;font-weight:600;color:#0f172a}.slot-detail-card{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.2rem;background:#fff;display:flex;flex-direction:column;gap:.5rem}.slot-detail-card h4{margin:0}.slot-detail-card p{margin:0;color:#475569}.slot-capacity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.slot-capacity-list li{display:flex;flex-direction:column;gap:.1rem}.calendar-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}.calendar-range-label{font-size:1.25rem;font-weight:600;margin:0}.calendar-range-caption{margin:.25rem 0 0;color:#475569;font-size:.95rem}.calendar-controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:flex-end}.calendar-nav{display:flex;align-items:center;gap:.75rem}.calendar-nav button{min-width:40px}.calendar-nav-buttons{display:flex;gap:.25rem}.calendar-view-switch{display:flex;gap:.5rem;background:#f1f5f9;border-radius:999px;padding:.2rem}.calendar-view-switch button{border-radius:999px;border:none;background:transparent;padding:.35rem .9rem;font-weight:600;color:#475569}.calendar-view-switch button.active{background:#fff;box-shadow:0 2px 8px #0f172a1f;color:#0f172a}.calendar-grid{display:grid;gap:.5rem;min-width:600px}.calendar-hours-column,.calendar-day-column{display:flex;flex-direction:column}.calendar-day-header{font-weight:600;text-transform:capitalize;padding:.5rem 0}.calendar-hour-cell{height:56px;font-size:.85rem;color:#475569;display:flex;align-items:flex-start}.calendar-day-body{position:relative;border:1px solid #e2e8f0;border-radius:.75rem;background-color:#f8fafc;overflow:hidden}.calendar-day-body.is-interactive{cursor:cell}.calendar-day-column.is-drop-target .calendar-day-body{border-color:#93c5fd;box-shadow:0 0 0 2px #2563eb59 inset}.calendar-hour-block{height:56px;border-bottom:1px dashed #e2e8f0}.calendar-hour-block.interactive{cursor:pointer}.calendar-hour-block:last-child{border-bottom:none}.calendar-slot{position:absolute;left:10px;right:10px;border-radius:.75rem;padding:1.2rem .85rem .65rem;box-shadow:0 4px 16px #0f172a14;display:flex;flex-direction:column;gap:.2rem;font-size:.9rem;overflow:hidden}.calendar-slot.can-move{cursor:grab}.calendar-slot.can-move:active{cursor:grabbing}.calendar-slot-handle{position:absolute;left:12px;right:12px;height:12px;display:flex;align-items:center;justify-content:center;cursor:ns-resize;pointer-events:all;z-index:2;opacity:0;transition:opacity .15s ease}.calendar-slot-handle:before{content:"";width:100%;height:2px;border-radius:999px;background:#0f172a59}.calendar-slot-handle.handle-start{top:4px}.calendar-slot-handle.handle-end{bottom:4px}.calendar-slot.can-move:hover .calendar-slot-handle,.calendar-slot.can-move:focus-within .calendar-slot-handle{opacity:1}.calendar-slot-handle:active{cursor:grabbing}.calendar-slot.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.calendar-slot.clickable:hover{transform:translateY(-2px);box-shadow:0 18px 28px #0f172a29}.calendar-slot.selected{border:2px solid #2563eb;box-shadow:0 18px 32px #2563eb59}.calendar-slot.attention{border:2px dashed #f97316}.calendar-slot.drag-source{opacity:.2}.calendar-slot.is-updating{opacity:.45;pointer-events:none}.calendar-drop-indicator{position:absolute;left:10px;right:10px;border-radius:.75rem;border:2px dashed #2563eb;background:#6366f11f;color:#0f172a;display:flex;align-items:center;justify-content:center;font-weight:600;pointer-events:none}.calendar-drop-indicator span{font-size:.8rem}.calendar-create-indicator{position:absolute;left:12px;right:12px;border-radius:.75rem;border:1px dashed rgba(37,99,235,.5);background:#e2e8f08c;display:flex;align-items:center;justify-content:center;font-size:.78rem;font-weight:600;color:#1e3a8a;pointer-events:none}.calendar-create-indicator span{pointer-events:none}.calendar-slot-badges{position:absolute;top:8px;left:10px;right:10px;display:flex;justify-content:space-between;gap:.35rem;pointer-events:none}.calendar-slot-badge{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;padding:.15rem .45rem;border-radius:999px;background:#ffffffe6;color:#0f172a;white-space:nowrap;font-weight:600}.calendar-slot-badge.seats{background:#0f172a1f;color:#0f172a}.calendar-slot-badge.warning{background:#fef08a;color:#92400e}.calendar-slot-title{margin:.35rem 0 0;font-weight:700;font-size:.95rem;color:#0f172a;line-height:1.2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.calendar-drag-preview{position:fixed;z-index:60;background:#fff;border:1px solid #cbd5f5;border-radius:.85rem;box-shadow:0 30px 55px #0f172a59;padding:.6rem .9rem;pointer-events:none;display:flex;flex-direction:column;gap:.2rem}.calendar-drag-preview strong{font-size:.95rem}.calendar-drag-preview span{font-size:.8rem;color:#475569}.calendar-month-grid{display:flex;flex-direction:column;gap:.35rem}.calendar-month-weekdays{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;text-transform:uppercase;font-size:.75rem;letter-spacing:.05em;color:#475569}.calendar-month-row{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.calendar-month-cell{border:1px solid #e2e8f0;border-radius:.75rem;padding:.35rem;min-height:110px;display:flex;flex-direction:column;gap:.35rem;background:#fff}.calendar-month-cell.muted{opacity:.45}.calendar-month-cell.is-interactive{cursor:pointer}.calendar-month-cell-label{font-weight:600;color:#0f172a}.calendar-month-events{display:flex;flex-direction:column;gap:.25rem;flex:1}.calendar-month-event{display:block;font-size:.78rem;border-radius:.5rem;background:#f1f5f9;padding:.15rem .4rem;color:#0f172a}.calendar-month-more{font-size:.75rem;color:#475569}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:1.5rem}.modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{position:relative;z-index:1;width:min(500px,100%);background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 45px 85px #0f172a59}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.modal-header h3{margin:0}.modal-body{display:flex;flex-direction:column;gap:1rem}.auth-modal-tabs{display:flex;border:1px solid #e2e8f0;border-radius:999px;padding:.2rem;background:#f8fafc;gap:.3rem}.auth-modal-tabs button{flex:1;border:none;border-radius:999px;background:transparent;padding:.4rem .8rem;font-weight:600;color:#475569;cursor:pointer;transition:background .2s ease,color .2s ease}.auth-modal-tabs button.active{background:#fff;color:#0f172a;box-shadow:0 8px 20px #0f172a26}.auth-modal-panel{margin-top:1rem;max-height:65vh;overflow-y:auto}.modal-auth-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.modal-slot-details h4{margin:0 0 .25rem}.modal-slot-details p{margin:0;color:#475569}.modal-slot-details span{font-size:.9rem;color:#0f172a;font-weight:600}.modal-form{display:flex;flex-direction:column;gap:.9rem}.modal-form .form-control{display:flex;flex-direction:column;gap:.3rem;font-weight:600}.onboarding-panel{display:flex;flex-direction:column;gap:1rem;border:1px solid #e2e8f0;border-radius:1rem;padding:1.25rem;background:#fff}.onboarding-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.onboarding-header h2{margin:0}.onboarding-header p{margin:.4rem 0 0;color:#475569}.onboarding-header-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.onboarding-status{border-radius:.75rem;padding:.75rem 1rem;min-width:220px;display:flex;flex-direction:column;gap:.2rem;text-transform:uppercase;font-size:.75rem;letter-spacing:.06em}.onboarding-status span{opacity:.7}.onboarding-status.badge-missing{background:#e2e8f0;color:#0f172a}.onboarding-status.badge-pending{background:#fef9c3;color:#854d0e}.onboarding-status.badge-approved{background:#dcfce7;color:#166534}.onboarding-status.badge-rejected{background:#fee2e2;color:#b91c1c}.onboarding-form,.onboarding-form .form-row{display:flex;flex-direction:column;gap:1rem}@media (min-width: 700px){.onboarding-form .form-row{flex-direction:row}.onboarding-form .form-row .form-control{flex:1}}.onboarding-section{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem;background:#f8fafc;display:flex;flex-direction:column;gap:.85rem}.onboarding-section h3{margin:0}.onboarding-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-end}.onboarding-step-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.onboarding-step-trigger{border:1px solid #e2e8f0;border-radius:.85rem;padding:.75rem 1rem;background:#f8fafc;text-align:left;cursor:pointer;transition:border-color .2s ease,background .2s ease,color .2s ease}.onboarding-step-trigger span{display:block;font-size:.75rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.08em}.onboarding-step-trigger strong{display:block;margin-top:.25rem}.onboarding-step-trigger small{display:block;margin-top:.15rem;color:#475569}.onboarding-step-trigger.is-active{border-color:#6366f1;background:#eef2ff;color:#312e81}.auth-page-panel{max-width:720px;margin:0 auto}.auth-status-note{text-align:center;color:#475569}.auth-inline-panel{margin-top:1.5rem}.auth-inline-panel .onboarding-panel{border:1px solid #e2e8f0}.group-management{display:flex;flex-direction:column;gap:1.5rem}.group-management-header h2{margin:0}.group-management-header p{margin:.2rem 0 0;color:#475569}.group-management-grid{display:flex;flex-direction:column;gap:1.5rem}@media (min-width: 900px){.group-management-grid{display:grid;grid-template-columns:320px 1fr;gap:2rem}}.group-management-forms{display:flex;flex-direction:column;gap:1.25rem;min-width:0}.group-form{border:1px solid #e2e8f0;border-radius:1rem;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.85rem;background:#f8fafc}.group-form h3{margin:0}.group-form textarea{resize:vertical}.permission-hint{border-radius:1rem;padding:1rem 1.25rem;background:#0f172a;color:#fff;display:flex;flex-direction:column;gap:.65rem}.permission-hint h3{margin:0}.permission-hint ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.permission-hint li{display:flex;flex-direction:column;gap:.15rem}.permission-hint strong{font-size:.9rem}.permission-hint span{font-size:.85rem;color:#cbd5f5}.permission-hint-note{margin:0;font-size:.85rem;color:#cbd5f5}.group-management-list{display:flex;flex-direction:column;gap:1rem;width:100%}.group-card{border:1px solid #e2e8f0;border-radius:1.25rem;padding:1.25rem;background:#fff;box-shadow:0 18px 28px #0f172a14;width:100%;box-sizing:border-box}.group-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.group-card-header h3{margin:0}.group-card-header p{margin:.25rem 0 0}.group-card-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.group-role-badge{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;padding:.1rem .6rem;border-radius:999px;background:#eef2ff;color:#312e81;font-weight:600}.group-role-badge.tone-protected{background:#fee2e2;color:#991b1b}.group-card-meta{color:#475569;font-size:.85rem}.group-card-body{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.group-card select[multiple]{min-height:120px}.sliding-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex}.sliding-panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sliding-panel{position:relative;margin-left:auto;width:min(420px,100%);max-width:100vw;min-height:100%;background:#fff;box-shadow:-10px 0 35px #0f172a40;display:flex;flex-direction:column}.sliding-panel.side-left{margin-left:0;margin-right:auto;box-shadow:10px 0 35px #0f172a40}.sliding-panel-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e2e8f0}.sliding-panel-header h3{margin:0}.sliding-panel-content{padding:1rem 1.25rem 2rem;overflow-y:auto;min-height:0;flex:1;display:flex;flex-direction:column;gap:1rem}