:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#202538;background:#f6f7fb;font-size:16px;font-synthesis:none;--primary:#4354d8;--primary-soft:#eef0ff;--ink:#202538;--muted:#737b90;--line:#e8ebf2;--director:#7753ce;--qualified:#138c84;--trainee:#bf8423;--shadow:0 3px 16px #20253804}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--primary);text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8094fa;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1{font-size:1.95rem;font-weight:650;letter-spacing:-.055em;margin-bottom:8px}h2{font-size:1.06rem;font-weight:650;letter-spacing:-.02em}h3{font-size:1rem;font-weight:650}p{line-height:1.65}svg{flex-shrink:0;vertical-align:middle}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:var(--muted)}.brand-mark{display:grid;place-items:center;background:var(--primary);color:#fff;width:48px;height:48px;border-radius:15px;font-size:2.7rem;font-weight:700}.app-layout{display:flex;min-height:100vh}.sidebar{width:234px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:22px 17px;z-index:30}.brand{padding:0 9px 23px;display:block}.brand img{width:184px;height:90px;object-fit:contain}.brand-word{display:flex;align-items:center;gap:9px;margin-top:6px;color:var(--ink)}.brand-word strong{font-size:1.35rem;letter-spacing:-.05em}.brand-word span{font-size:.75rem;line-height:1.35;color:var(--muted)}.nav-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#969bad;padding:10px 13px}.nav-links{display:flex;flex-direction:column;gap:5px}.nav-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:12px;padding:12px 13px;color:#687086;border-radius:9px;font-size:.875rem;font-weight:500;text-align:left;transition:background .15s}.nav-item:hover{background:#f6f7fb;color:var(--ink)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:650}.nav-item .nav-count{margin-left:auto;border-radius:5px;background:#e3e7fc;color:var(--primary);padding:2px 6px;font-size:.75rem}.sidebar-bottom{margin-top:auto;padding-top:24px}.demo-selector{background:#f7f8fc;border:1px solid var(--line);border-radius:10px;padding:12px;margin-top:14px}.demo-selector label{display:block;font-size:.7rem;font-weight:650;letter-spacing:.03em;color:var(--muted);margin-bottom:7px}.demo-selector select{font-size:.8rem;border:0;background:transparent;width:100%;color:var(--ink);padding:2px 0}.sidebar-user{margin-top:15px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:17px 3px 0}.sidebar-user strong{font-size:.82rem;display:block}.sidebar-user small{font-size:.72rem;color:var(--muted)}.main-shell{margin-left:234px;min-width:0;width:calc(100% - 234px)}.topbar{height:78px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 34px;gap:20px}.breadcrumb{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:12px}.breadcrumb strong{color:#414a63;font-weight:500}.topbar-right{display:flex;align-items:center;gap:24px}.sync-status{color:#668070;font-size:.75rem;display:flex;gap:6px;align-items:center}.sync-status.offline{color:#b57a1c}.season-pill{background:#f5f6fb;border:1px solid var(--line);border-radius:8px;display:flex;gap:8px;align-items:center;padding:8px 11px;color:#5e6579;font-size:.8rem}.topbar-avatar{border:0;background:transparent;padding:0}.content{padding:32px 34px 36px;max-width:1700px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-subtitle{margin:0;color:var(--muted);font-size:.875rem;line-height:1.6}.eyebrow{font-size:.75rem;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;font-weight:650;margin-bottom:10px}.heading-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 15px;border-radius:8px;font-size:.83rem;font-weight:550;border:1px solid var(--line);background:white;color:#515970;white-space:nowrap;min-height:40px;transition:background .15s,transform .15s}.button:hover{background:#f6f7fc}.button.primary{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 3px 7px #4354d812}.button.primary:hover{background:#3346c7}.button.secondary{background:#fff}.button.ghost{background:transparent;border-color:transparent;color:var(--primary);padding:7px 8px}.button.danger{color:#ba3854;background:#fff1f4;border-color:#f7d9e0}.button.small{min-height:32px;padding:6px 10px;font-size:.75rem}.icon-button{background:transparent;border:0;color:var(--muted);padding:6px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#f0f2f9;color:var(--primary)}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:23px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.section-heading h2,.section-heading h3{margin:0}.section-heading .muted{font-size:.8rem}.muted{color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:25px}.metric{padding:20px 21px;background:#fff;border:1px solid var(--line);border-radius:11px;position:relative}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#6c7489;font-size:.8rem;margin-bottom:13px}.metric-icon{width:34px;height:34px;display:grid;place-items:center;background:#f2f3ff;color:var(--primary);border-radius:9px}.metric:nth-child(2) .metric-icon{background:#eaf7f4;color:#329987}.metric:nth-child(3) .metric-icon{background:#fff6e6;color:#c99237}.metric:nth-child(4) .metric-icon{background:#f1edfb;color:#8b68cd}.metric-number{font-size:2rem;letter-spacing:-.06em;line-height:1;font-weight:650}.metric-foot{font-size:.72rem;color:var(--muted);margin-top:12px;display:flex;align-items:center;gap:5px}.metric-foot .pill{font-size:.67rem;padding:2px 6px}.dashboard-main{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:23px}.dashboard-secondary{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(270px,1fr);gap:23px;margin-top:23px}.dashboard-main .card{min-height:306px}.commune-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.commune-preview{display:flex;gap:13px;align-items:center;border:1px solid var(--line);border-radius:9px;padding:14px;background:#fff;text-align:left;width:100%;color:var(--ink)}.commune-preview:hover{border-color:#bdc7f4;background:#fcfcff}.commune-logo{width:55px;height:47px;object-fit:contain;background:#fff;border-radius:5px;padding:3px;flex-shrink:0}.commune-preview strong{display:block;font-size:.82rem;font-weight:600;margin-bottom:7px}.commune-preview small{font-size:.73rem;color:var(--muted)}.commune-preview .chevron{margin-left:auto;color:#b2b8c8}.card-footer{border-top:1px solid var(--line);margin:20px -23px -23px;padding:13px 23px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:.73rem}.draft-note{background:#f0f3ff;border:1px solid #e2e7fd;border-radius:9px;padding:12px 15px;display:flex;gap:10px;align-items:flex-start;color:#6370a5;font-size:.78rem;line-height:1.5;margin-bottom:24px}.draft-note svg{margin-top:1px}.donut-layout{display:flex;align-items:center;gap:25px;padding:16px 0}.donut{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.donut-inner{border-radius:50%;width:92px;height:92px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#fff;gap:2px}.donut-inner strong{font-size:1.75rem;letter-spacing:-.05em;font-weight:650}.donut-inner small{font-size:.7rem;color:var(--muted)}.legend{display:flex;flex-direction:column;gap:16px;width:100%}.legend-row{display:flex;align-items:center;gap:8px;font-size:.75rem;color:#687086}.legend-row strong{color:var(--ink);margin-left:auto;font-size:.9rem}.dot{width:8px;height:8px;display:inline-block;border-radius:50%;flex-shrink:0}.director.dot{background:var(--director)}.qualified.dot{background:var(--qualified)}.trainee.dot{background:var(--trainee)}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:5px;padding:4px 7px;font-size:.69rem;white-space:nowrap;font-weight:500}.badge.director{background:#f2edfc;color:var(--director)}.badge.qualified{background:#eaf7f4;color:var(--qualified)}.badge.trainee{background:#fff6e6;color:#a97620}.badge-dot{width:5px;height:5px;border-radius:50%;background:currentColor}.avatar{width:39px;height:39px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#eff1fb;color:#5966a2;font-size:.78rem;font-weight:600;flex-shrink:0;overflow:hidden}.avatar.small{width:29px;height:29px;font-size:.63rem}.avatar.director{background:#f0eafa;color:var(--director)}.avatar.qualified{background:#e9f4f3;color:var(--qualified)}.avatar.trainee{background:#fff1db;color:var(--trainee)}.avatar img{width:100%;height:100%;object-fit:cover}.people-stack{display:flex;padding-left:6px}.people-stack .avatar{border:2px solid #fff;margin-left:-6px}.person-row{display:flex;align-items:center;gap:11px}.person-name{font-weight:600;font-size:.83rem}.person-meta{font-size:.73rem;color:var(--muted);margin-top:3px}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.82rem}.data-table th{font-size:.71rem;text-transform:uppercase;letter-spacing:.035em;font-weight:500;color:#8b92a4;border-bottom:1px solid var(--line);padding:0 10px 12px}.data-table td{border-bottom:1px solid #eff1f7;padding:12px 10px}.data-table th:first-child,.data-table td:first-child{padding-left:0}.data-table tr:last-child td{border:0}.table-wrap{overflow-x:auto}.task-list{display:flex;flex-direction:column;gap:0}.task-item{display:flex;align-items:center;gap:13px;padding:14px 0;border-bottom:1px solid var(--line)}.task-item:last-child{border:0}.task-icon{height:35px;width:35px;display:grid;place-items:center;border-radius:8px;background:#f6f7fc;color:#9198ab;flex-shrink:0}.task-item strong{display:block;font-size:.8rem;font-weight:550;margin-bottom:4px}.task-item small{font-size:.72rem;color:var(--muted)}.task-item .button{margin-left:auto}.bottom-caption{text-align:center;color:#a1a7b7;font-size:.68rem;margin:30px 0 0}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.empty-state{text-align:center;padding:45px 22px;color:var(--muted);font-size:.87rem;line-height:1.7}.empty-state svg{color:#a5aec7;margin-bottom:10px}.empty-state h2,.empty-state h3{color:var(--ink);margin:8px 0}.empty-state p{max-width:400px;margin:0 auto 18px}.pill{background:#f0f2f8;border-radius:5px;padding:4px 8px;font-size:.75rem;color:#6c7487}.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:22px}.search-wrap{position:relative;min-width:210px;flex:1;max-width:360px}.search-wrap>svg{position:absolute;left:12px;top:12px;color:#9aa2b6}.search-input{height:42px;width:100%;border:1px solid var(--line);border-radius:8px;padding:10px 12px;background:#fff;font-size:.84rem;color:var(--ink)}.search-wrap .search-input{padding-left:40px}.filters,.segmented{display:flex;background:#eef0f6;padding:4px;border-radius:8px;gap:3px}.filters button,.segmented button{border:0;background:transparent;padding:7px 11px;border-radius:5px;font-size:.78rem;color:#6d758b;white-space:nowrap}.filters button.active,.segmented button.active{background:#fff;color:var(--primary);box-shadow:0 2px 4px #20253808}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:17px;min-width:0}.field label,.field>span{font-size:.8rem;font-weight:550;color:#515970}.field input,.field select,.field textarea,select.control{width:100%;border:1px solid #dfe3ed;border-radius:7px;background:#fff;color:var(--ink);padding:10px 11px;font-size:.87rem;min-height:42px}.field textarea{min-height:90px;resize:vertical}.field small{font-size:.73rem;color:var(--muted);line-height:1.5}.field input[type=checkbox]{min-height:0;width:auto;accent-color:var(--primary)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.form-grid .full{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.field-check{display:flex;align-items:center;gap:9px;font-size:.83rem}.field-check input{accent-color:var(--primary)}.modal-backdrop{position:fixed;inset:0;z-index:100;background:#17203960;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:22px}.modal{width:min(590px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:15px;box-shadow:0 20px 80px #17203935}.modal-head{position:sticky;top:0;z-index:2;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:21px 24px;border-bottom:1px solid var(--line)}.modal-head h2{margin:0;font-size:1.15rem}.modal-body{padding:24px}.modal-error{background:#fff1f4;color:#b63855;border-radius:7px;padding:11px 13px;margin-bottom:16px;font-size:.85rem}.toast{position:fixed;bottom:24px;right:25px;z-index:150;background:#26324c;color:white;border-radius:9px;padding:14px 19px;box-shadow:0 5px 25px #20253825;font-size:.85rem;max-width:420px;display:flex;align-items:center;gap:10px;animation:slideIn .2s ease}.toast.error{background:#b13b56}@keyframes slideIn{from{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.planning-layout{display:flex;gap:20px;align-items:flex-start}.planning-board{min-width:0;flex:1;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.planning-scroll{overflow:auto;max-height:calc(100vh - 280px)}.planning-table{border-collapse:separate;border-spacing:0;min-width:100%;table-layout:fixed}.planning-table th{background:#fafbfe;font-weight:500;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;height:65px;text-align:left;padding:13px 15px;min-width:172px;width:172px}.planning-table th:first-child{z-index:7;left:0;width:170px;min-width:170px}.planning-table th strong{display:block;font-size:.8rem;font-weight:600;color:#424b62;margin-bottom:5px}.planning-table th small{color:#939bad;font-size:.71rem}.planning-table td{vertical-align:top;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:11px;min-width:172px;height:120px}.planning-table td:first-child{background:#fff;position:sticky;left:0;z-index:4;min-width:170px;padding:16px 14px;box-shadow:4px 0 6px #20253803}.planning-table tr:last-child td{border-bottom:0}.planning-table td:last-child{border-right:0}.planning-commune{display:flex;align-items:center;gap:10px;margin-bottom:10px}.planning-commune img{width:38px;height:36px;object-fit:contain;flex-shrink:0}.planning-commune strong{font-size:.78rem;line-height:1.45;display:block;font-weight:600}.planning-commune-meta{font-size:.69rem;color:#9299ab}.closed-cell{background:repeating-linear-gradient(135deg,#fafbfe,#fafbfe 5px,#f6f7fa 5px,#f6f7fa 6px);color:#b3b9c8;text-align:center}.closed-cell button{margin-top:29px;color:#9aabc8;border:1px dashed #dce2ee;font-size:.68rem;background:#ffffff70;padding:5px 7px;border-radius:6px}.slot-days{display:flex;gap:4px;align-items:center;font-size:.66rem;color:#8a93a8;margin-bottom:9px}.slot-days .day-dot{display:inline-block;width:4px;height:4px;border-radius:50%;background:#99a3be}.slot-days .partial{color:#b38838;margin-left:auto}.slot-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.slot-head span{font-size:.67rem;color:#969eb0}.slot-head .icon-button{padding:1px}.assignment{display:flex;align-items:center;gap:6px;padding:6px 7px;border-radius:5px;margin-bottom:5px;font-size:.71rem;cursor:grab;background:#ecf7f4;color:#237c71;border-left:3px solid #2b9d8b;min-height:29px}.assignment.director{background:#f1edfc;color:#7252ba;border-color:#9475d8}.assignment.trainee{background:#fff6e7;color:#9a742c;border-color:#dfb259}.assignment .remove{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;line-height:1;opacity:.65}.assignment .grip{opacity:.3}.assign-add{border:1px dashed #dce1ef;display:flex;justify-content:center;align-items:center;gap:5px;width:100%;background:#fff;color:#95a0ba;border-radius:5px;padding:7px 3px;font-size:.68rem;margin-top:5px}.assign-add:hover{border-color:#99a7ed;color:var(--primary);background:#f7f8ff}.drop-target.drag-over{background:#f0f2ff!important;outline:2px dashed #6e80e3;outline-offset:-5px}.pool{width:243px;flex-shrink:0;background:#fff;border:1px solid var(--line);border-radius:11px;padding:17px;position:sticky;top:20px}.pool-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pool-title h2{font-size:.9rem;margin:0}.pool p{font-size:.72rem;line-height:1.55;color:var(--muted);margin:0 0 14px}.pool .search-input{font-size:.75rem;min-width:0}.pool .search-wrap{min-width:0}.pool-filters{display:flex;gap:6px;padding:13px 0}.pool-filters button{border:1px solid var(--line);background:#fff;border-radius:5px;flex:1;color:#8a92a5;font-size:.67rem;padding:5px 3px}.pool-filters button.active{border-color:#adb8ec;color:var(--primary);background:#f4f5ff}.pool-list{max-height:calc(100vh - 435px);min-height:170px;overflow:auto;margin-right:-7px;padding-right:7px;display:flex;flex-direction:column;gap:6px}.pool-person{display:flex;gap:8px;align-items:center;padding:8px 7px;border:1px solid var(--line);border-left:3px solid #299787;border-radius:6px;cursor:grab;background:#fff}.pool-person.director{border-left-color:#9c7be0}.pool-person.trainee{border-left-color:#ddb357}.pool-person:hover{background:#fafbff;border-color:#b3bdec}.pool-person strong{display:block;font-size:.71rem;font-weight:550;color:#46506a}.pool-person small{font-size:.63rem;color:#9299ab;display:block;margin-top:3px}.pool-person .grip{margin-left:auto;color:#bcc3d3}.planning-legend{display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:13px 15px;flex-wrap:wrap;font-size:.7rem;color:#788198}.planning-legend span{display:flex;gap:6px;align-items:center}.week-days{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.week-day{position:relative;border:1px solid var(--line);border-radius:8px;padding:13px 5px;text-align:center;font-size:.78rem;display:block;cursor:pointer}.week-day:has(input:checked){background:#eef1ff;color:var(--primary);border-color:#8795e4}.week-day:has(input:disabled){opacity:.5;background:#f3f4f7;cursor:default}.week-day input{accent-color:var(--primary);display:block;margin:0 auto 8px}.week-day strong{display:block;margin-top:3px}.week-day small{display:block;font-size:.6rem;margin-top:5px}.salary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.salary-card{border:1px solid var(--line);border-radius:9px;padding:18px;background:#fbfcff}.salary-card .amount{font-size:1.45rem;font-weight:650;letter-spacing:-.04em;margin:12px 0 7px}.my-assignment{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid var(--line)}.my-assignment:first-of-type{border-top:0}.my-assignment .date-tile{width:48px;padding:8px;border-radius:8px;background:var(--primary-soft);text-align:center;color:var(--primary);font-size:.68rem}.date-tile strong{font-size:1.3rem;display:block}.mobile-menu{display:none}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:25px;background:#f4f6ff}.login-card{width:min(440px,100%);padding:38px}.login-card .login-logo{width:100%;max-height:118px;object-fit:contain;margin-bottom:25px}.login-card h1{font-size:1.7rem}.login-card .button.primary{width:100%}.hidden{display:none!important}@media(min-width:1650px){.content{padding-top:38px}.commune-preview{padding:18px}.dashboard-main .card{min-height:330px}}@media(max-width:1200px){.sidebar{width:210px;padding-left:12px;padding-right:12px}.brand img{width:170px}.main-shell{margin-left:210px;width:calc(100% - 210px)}.topbar{padding:0 24px}.content{padding:28px 24px}.dashboard-main,.dashboard-secondary{grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr)}.commune-preview{gap:8px;padding:12px 9px}.commune-logo{width:42px}.pool{width:215px;padding:14px}.planning-table th:first-child,.planning-table td:first-child{min-width:151px;width:151px}.planning-table td,.planning-table th{min-width:165px;width:165px}.donut-layout{gap:15px}.donut{width:106px;height:106px}.donut-inner{width:80px;height:80px}}@media(max-width:1000px){.dashboard-main,.dashboard-secondary{grid-template-columns:1fr}.metrics{gap:12px}.metric{padding:17px 14px}.metric-top{font-size:.72rem}.pool{width:200px}.page-heading{align-items:flex-start}.heading-actions{justify-content:flex-end}.topbar-right{gap:12px}.sync-status{display:none}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.donut-layout{justify-content:center;gap:30px}.legend{max-width:240px}.pool-person strong{font-size:.67rem}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:234px;box-shadow:12px 0 45px #18203120}.sidebar.open{transform:translateX(0)}.main-shell{margin-left:0;width:100%}.mobile-menu{display:inline-flex}.topbar{height:66px;padding:0 17px}.breadcrumb{gap:7px;font-size:.73rem}.breadcrumb>span{display:none}.topbar-right{gap:10px}.season-pill{font-size:.71rem;padding:7px 8px}.topbar-avatar .avatar{width:32px;height:32px}.content{padding:24px 17px}.page-heading{flex-direction:column;gap:16px;margin-bottom:21px}h1{font-size:1.7rem}.heading-actions{justify-content:flex-start;width:100%}.heading-actions .button{flex:1}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.metric{padding:17px}.metric-number{font-size:1.8rem}.metric-top{font-size:.76rem}.card,.panel{padding:19px}.card-footer{margin:18px -19px -19px;padding:12px 19px}.commune-overview{gap:9px}.commune-preview{padding:13px 10px}.commune-preview strong{font-size:.72rem}.commune-preview small{font-size:.66rem}.commune-logo{width:35px}.grid-2,.grid-3{grid-template-columns:1fr}.toolbar{gap:12px}.search-wrap{max-width:none;width:100%;flex-basis:100%}.filters{overflow:auto;max-width:100%}.planning-layout{flex-direction:column}.planning-board{width:100%}.planning-scroll{max-height:65vh}.pool{width:100%;position:static}.pool-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:310px;min-height:0}.pool .search-wrap{max-width:none}.pool-filters{max-width:300px}.planning-table td:first-child,.planning-table th:first-child{width:145px;min-width:145px}.planning-table th,.planning-table td{min-width:166px}.pool-person strong{font-size:.72rem}.form-grid{gap:0 12px}.modal-body{padding:19px}.modal-head{padding:19px}.modal-backdrop{padding:12px}.salary-grid{grid-template-columns:1fr}.toast{bottom:15px;right:15px;left:15px}.week-day{padding:10px 3px;font-size:.69rem}.bottom-caption{font-size:.64rem}.data-table th,.data-table td{white-space:nowrap}.demo-selector select{max-width:100%}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.nav-scroll{overflow:auto;min-height:80px;flex:1}.sidebar-bottom{padding-top:10px;flex-shrink:0}.sidebar .nav-item{padding-top:10px;padding-bottom:10px}.brand{padding-bottom:12px}.sidebar{padding-top:14px}.demo-selector{margin-top:8px;padding:9px}.sidebar-user{margin-top:10px;padding-top:12px}
:root{--line:#dfe4f0;--muted:#667086}.sidebar{background:#eef2fc;border-right:1px solid #d3dced}.nav-item{color:#52617e;font-size:.875rem}.nav-item:hover{background:#e1e8f9}.nav-item.active{background:#dce4fc;color:#3147c5;box-shadow:inset 3px 0 #4354d8}.sidebar-user{border-color:#d5deef}.nav-label{color:#7988a6}.demo-selector{background:#f8faff;border-color:#d6def0}.content{background:#f4f6fc}.workspace-tabs{display:flex;gap:4px;border-bottom:1px solid #d9e0ee;margin:-5px 0 28px;overflow:auto;white-space:nowrap}.workspace-tabs button{border:0;border-bottom:3px solid transparent;background:transparent;font-size:.875rem;color:#66748e;padding:13px 19px 15px}.workspace-tabs button:hover{background:#edf0fa;color:var(--primary)}.workspace-tabs button.active{color:var(--primary);border-color:var(--primary);font-weight:600}.metric,.card,.panel,.commune-preview{border-color:#dfe4f0;box-shadow:0 3px 12px #21315804}.topbar .mobile-menu{display:none}.draft-note{color:#566699}.metric-top,.person-meta{color:#68748c}.planning-table td,.planning-table th{border-color:#dfe4f0}.pool-person{border-color:#dfe4f0}.planning-legend{font-size:.75rem}.assignment{font-size:.75rem}.assign-add{font-size:.73rem}.pool-person strong{font-size:.76rem}.pool-person small{font-size:.69rem}.slot-head span{font-size:.72rem}.commune-preview strong{font-size:.85rem}.legend-row{font-size:.8rem}.badge{font-size:.75rem}.data-table{font-size:.875rem}@media(max-width:760px){.topbar .mobile-menu{display:inline-flex}.workspace-tabs{margin-top:-5px;margin-bottom:22px}.workspace-tabs button{padding:11px 15px 13px;font-size:.8rem}.commune-preview strong{font-size:.77rem}.sidebar{padding-top:14px}}
.slot-forecast{color:#536ba1;font-size:.72rem;display:flex;align-items:center;gap:5px;margin:3px 0 9px;background:#f0f4ff;padding:5px 6px;border-radius:4px}.slot-forecast svg{flex-shrink:0}
.sidebar{background:#dce6f7;border-right-color:#bdcce7}.nav-item{color:#3e5274}.nav-item.active{background:#c7d5f7;color:#243cb7}.nav-item:hover{background:#d1dcf2}.nav-label{color:#536d97}.sidebar-user{border-top-color:#bacbea}.demo-selector{border-color:#b9c9e6;background:#f4f7fd}.topbar{border-bottom-color:#c7d3e6}.content{background:#eaf0f9}.card,.panel,.metric,.planning-board,.pool{border-color:#c9d5e8;box-shadow:0 4px 13px #263c6310}.commune-preview{border-color:#ced9ed;background:#fbfcff}.metric-top{color:#4b5e7f}.page-subtitle{color:#526482}.card-footer{background:#f5f8fd;border-top-color:#d0dbed}.planning-table th{background:#e8eef9}.planning-table td:first-child{background:#f5f8ff}.planning-table th strong,.planning-commune strong{color:#324b73}.pool-person{border-color:#ccd8eb}.draft-note{background:#e1e8fc;border-color:#c4d0f1;color:#455c93}.planning-scope-switch{display:inline-flex;align-items:center;gap:9px;font-size:.875rem;color:#364e76;cursor:pointer;font-weight:550}.planning-scope-switch input{width:17px;height:17px;accent-color:var(--primary)}.workspace-tabs{border-bottom-color:#bbcbe7}.workspace-tabs button{color:#485f85}.workspace-tabs button.active{color:#3046c5}.data-table th{color:#5e7397}.muted{color:#61718c}.planning-legend{color:#546685}.closed-cell{background:repeating-linear-gradient(135deg,#edf2fa,#edf2fa 5px,#e6ecf6 5px,#e6ecf6 6px)}.closed-cell button{border-color:#b6c7e1;color:#748caf;background:#f8faff}.assign-add{border-color:#afbedb;color:#5f77a2}.form-grid small,.field small{color:#637490}.nav-scroll{overflow-y:auto}
.assignment-name{border:0;background:transparent;color:inherit;text-align:left;font-size:inherit;padding:0;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.assignment-name:hover{text-decoration:underline}.document-alert-banner{display:flex;align-items:center;gap:14px;background:#fff0f2;border:1px solid #eeb6c1;border-left:4px solid #ba3854;border-radius:10px;padding:15px 18px;margin-bottom:23px;color:#912642}.document-alert-banner div{flex:1}.document-alert-banner strong{display:block;font-size:.9rem}.document-alert-banner small{display:block;line-height:1.6;margin-top:4px;color:#934456}.login-switches{display:flex;gap:6px;background:#e7edfa;padding:5px;border-radius:9px;margin:20px 0}.login-switches button{flex:1;border:0;background:transparent;border-radius:6px;color:#435b81;padding:9px;font-size:.85rem}.login-switches button.active{background:#fff;color:#2f44c3;box-shadow:0 1px 4px #20396820}.password-help{font-size:.8rem;line-height:1.5;color:#536581}.password-criteria{padding-left:21px;color:#536581;font-size:.8rem;line-height:1.8}.password-criteria .valid{color:#16765d}.login-card .button{width:100%}@media(max-width:600px){.document-alert-banner{align-items:flex-start;flex-wrap:wrap}.document-alert-banner .button{width:100%}}
.assignment{flex-wrap:wrap;position:relative}.assignment-missions{flex-basis:100%;order:4;font-size:.63rem;line-height:1.55;color:inherit;padding-left:17px;opacity:.88}.mission-edit{background:transparent;border:0;color:inherit;padding:2px;opacity:.7;margin-left:auto}.mission-edit:hover{opacity:1}.clear-summary{background:#fff0f2;border:1px solid #edbbc5;color:#942c43;border-radius:8px;padding:14px;margin-bottom:17px}.clear-summary strong{font-size:.9rem}.clear-summary p{font-size:.8rem;line-height:1.75;max-height:210px;overflow:auto;margin:8px 0 0}
.assignment-presence{order:5;flex-basis:100%;padding-left:17px;font-size:.62rem;opacity:.85;line-height:1.5}
.pool-sort-label{display:flex;align-items:center;gap:8px;margin:13px 0 7px;font-size:.75rem;color:#4c6287}.pool-sort-label select{width:100%;min-width:0;border:1px solid #b9c9e4;border-radius:6px;background:#eef3fc;padding:7px 5px;color:#355078;font-size:.75rem}.pool-period-note{font-size:.69rem!important;margin:0 0 10px!important;line-height:1.5!important;color:#61718c!important}.pool-person-name{flex:1;min-width:0}.pool-person-name strong{white-space:normal;overflow-wrap:anywhere;line-height:1.4;display:block}.pool-load{flex-shrink:0;text-align:right;border-left:1px solid #d0daeb;padding-left:8px}.pool-load strong{font-size:.83rem!important;color:#3552b4}.pool-load small{font-size:.65rem!important;white-space:nowrap}.assignment.gym-lead{background:#deebff;border:1px solid #acc6f1;border-left:3px solid #3978c7;color:#23568f}.pool-person.gym-lead{border-left-color:#3978c7}.gym-indicator{font-size:.55rem;border:1px solid #83a9db;border-radius:3px;padding:1px 3px;font-weight:650;flex-shrink:0}.dot.gym{background:#3978c7}.planning-legend{flex-wrap:wrap;gap:13px}.planning-table td{overflow:visible}.pool-person{gap:8px}
.slot-head{gap:4px;flex-wrap:wrap}.slot-mission-settings{font-size:.64rem!important;padding:3px 5px!important;min-height:24px!important;margin-left:auto}
.own-weeks-board{min-width:0;background:#f4f7fd;border:1px solid #bbcbe5;border-radius:12px;overflow:hidden}.own-weeks-navigation{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;background:#e0e9f9;color:#485f86;font-size:.8rem;border-bottom:1px solid #c6d4ea}.own-weeks-scroll{display:flex;align-items:flex-start;gap:16px;overflow-x:auto;padding:18px;scroll-snap-type:x proximity;scroll-padding-left:18px;scrollbar-color:#93a9cd #e2eaf6}.own-week-card{flex:0 0 285px;width:285px;background:white;border:1px solid #bdcce5;border-radius:10px;overflow:hidden;scroll-snap-align:start;box-shadow:0 3px 12px #2843690b}.own-week-header{padding:15px;border-bottom:1px solid #d0dbee;background:#ebf1fc}.own-week-header>span{font-size:.85rem;font-weight:650;color:#374f93;display:block;margin-bottom:12px}.own-week-header>div{display:flex;align-items:center;gap:9px;margin-bottom:8px}.own-week-header img{width:45px;height:37px;object-fit:contain;background:white;border-radius:5px;padding:3px}.own-week-header h2{font-size:.92rem;margin:0;line-height:1.4;color:#2d446b}.own-week-header small{font-size:.69rem;line-height:1.6;color:#536787;display:block}.own-week-team{padding:12px}.own-week-team .assignment{margin-top:8px;min-height:32px;padding:8px}.assignment-person-name{flex:1;min-width:0;line-height:1.4;overflow-wrap:anywhere}.assignment.own-person{box-shadow:inset 0 0 0 1px currentColor}.planning-access-note{display:flex;align-items:center;gap:7px;font-size:.75rem;color:#5c7090}.personal-planning{align-items:start}.own-weeks-board .planning-legend{background:#f0f5fd;border-top:1px solid #d0dbed}.assignment-name{white-space:normal!important;line-height:1.4!important;overflow-wrap:anywhere}@media(max-width:700px){.own-weeks-scroll{padding:12px;gap:12px}.own-week-card{flex-basis:260px;width:260px}.planning-access-note{display:none}}
.own-weeks-board{flex:1}.own-week-card .slot-mission-settings{margin-left:auto}
.planning-scroll{max-height:none;overflow:visible}.planning-table{min-width:0;width:100%;table-layout:fixed}.planning-table th:first-child,.planning-table td:first-child{width:17%;min-width:0}.planning-table td{min-width:0;overflow-wrap:anywhere}.planning-table th{font-size:.7rem;padding:11px 7px}.planning-table td{padding:9px 7px}.pool-list{max-height:none;overflow:visible;min-height:0;padding-right:0;margin-right:0}.pool-pages{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;color:#45608d;background:#e5edf9;border-radius:7px;padding:4px}.own-weeks-scroll{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));overflow:visible;scroll-snap-type:none;align-items:start}.own-week-card{width:100%;min-width:0}.clear-summary p{max-height:none;overflow:visible}.table-wrap{overflow:visible}.modal-backdrop{overflow-y:auto;align-items:flex-start}.modal{max-height:none;overflow:visible;margin:28px auto;flex-shrink:0}.modal-body{max-height:none;overflow:visible}.modal-head{position:static}.modal:has(.mobile-preview-frame){width:480px;max-width:94vw}.mobile-preview-controls{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:#496287;gap:10px;margin-bottom:12px}.mobile-preview-controls select{border:1px solid #bdcde8;padding:7px;background:#edf3fc;border-radius:6px}.mobile-preview-device{margin:auto;border:8px solid #23324d;border-radius:24px;overflow:hidden;background:white;box-sizing:content-box}.mobile-preview-frame{border:0;transform-origin:top left;display:block;background:white}.mobile-preview-open{font-size:.76rem;padding:7px 9px;min-height:34px}.planning-personal-table-note{font-size:.8rem}@media(max-width:700px){.planning-table,.planning-table tbody,.planning-table tr,.planning-table td{display:block;width:100%!important;min-width:0!important}.planning-table thead{display:none}.planning-table tbody tr{padding:0 0 12px;margin-bottom:14px;border:1px solid #b9cae5;border-radius:10px;overflow:hidden;background:#fff}.planning-table td:first-child{position:static!important;padding:14px;background:#e6eefb}.planning-table td:not(:first-child):not(.closed-cell){margin:10px;width:calc(100% - 20px)!important;border:1px solid #c8d7ed;border-radius:7px;padding:12px}.planning-table td[data-week]:before{content:attr(data-week);font-size:.82rem;font-weight:650;color:#3a5486;display:block;margin-bottom:10px}.planning-table .closed-cell{display:none}.planning-table .assignment{min-height:33px;padding:8px}.own-weeks-scroll{grid-template-columns:1fr;padding:12px}.pool-list{max-height:none}.mobile-preview-open{display:none}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%;min-width:0}.data-table tbody tr{padding:10px 0;border-bottom:1px solid #c2d1e7}.data-table td{border:0;padding:5px 10px;white-space:normal}.data-table td[data-label]:not(:first-child):before{content:attr(data-label) " : ";font-size:.74rem;color:#667c9e}.modal{margin:14px auto;width:calc(100% - 24px)}.modal-backdrop{padding:0}.pool-pages{grid-column:1 / -1}}

.quick-contact-person{display:flex;gap:14px;align-items:center;margin:4px 0 22px}.quick-contact-person .avatar{width:62px;height:62px;font-size:1.3rem}.quick-contact-person h3{font-size:1.05rem;margin:0 0 8px}.quick-contact-links{display:grid;gap:12px}.quick-contact-links>a,.quick-contact-links>div{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#edf3fc;border:1px solid #c5d4eb;border-radius:9px;color:#274976;text-decoration:none;overflow-wrap:anywhere}.quick-contact-links>a:hover{background:#dde9fc}.quick-contact-links svg{flex-shrink:0}.quick-contact-links span{min-width:0}.quick-contact-links small{display:block;color:#596f92;font-size:.73rem;margin-bottom:5px}.modal:has(.quick-contact){width:450px}.closure-week{display:flex;align-items:center;gap:12px;border:1px solid #c7d5eb;background:#f3f7fd;border-radius:8px;padding:12px;margin:9px 0}.closure-week>div{flex:1}.closure-week strong{font-size:.85rem;line-height:1.5}.closure-week small{display:block;font-size:.74rem;color:#5d7394;margin-top:5px;line-height:1.5}.assignment-contact:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:3px}.workspace-tabs,.filters{flex-wrap:wrap;overflow:visible;white-space:normal}

.list-editor{border:1px solid var(--line);border-radius:14px;padding:16px;margin:0 0 18px;min-width:0}.list-editor legend{font-weight:700;padding:0 6px}.list-editor-items{display:grid;gap:8px}.list-editor-entry,.list-editor-add{display:flex;align-items:center;gap:9px}.list-editor-add{margin-top:12px}.list-editor input{flex:1;min-width:0;border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--surface,#fff);color:var(--ink)}.list-editor-entry input{background:var(--surface-subtle,#f0f2f7)}.list-editor-entry .icon-button{flex:0 0 36px}.list-editor-add .button{flex:0 0 auto}

.week-whatsapp-link{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #a4d8c0;background:#e2f5ea;border-radius:7px;color:#165936;font-size:.65rem;font-weight:600;text-decoration:none;overflow-wrap:anywhere}.slot-head{flex-wrap:wrap}.week-whatsapp-link:hover{background:#cfeada}

.gym-indicator{white-space:normal;overflow-wrap:anywhere;max-width:100%}.quick-contact-person .badge,.quick-contact-person .gym-tag{margin:3px 5px 0 0}.badge.volunteer{background:#e7f2fb;color:#1c5e91;border:1px solid #b9d6eb}

/* Mobile: keep the selected period and profile button within the header. */
@media(max-width:760px){.topbar .breadcrumb{min-width:0;flex:1}.topbar .breadcrumb strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-right{min-width:0;max-width:65%;flex-shrink:1}.topbar .season-pill{min-width:0}.topbar #global-season{min-width:0;width:100%}.topbar-avatar{flex-shrink:0}}