@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap";[hidden]{display:none!important}:root{font-family:Manrope,DM Sans,Arial,sans-serif;color:#17233b;background:#f7f9fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}h1,h2,h3,p{margin-top:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8fd3bc;outline-offset:2px}.shell{display:flex;min-height:100vh}.sidebar{width:258px;min-width:258px;background:#fff;border-right:1px solid #e8edf3;display:flex;flex-direction:column;padding:29px 16px 18px;position:sticky;top:0;height:100vh;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:0 13px 48px}.brand-mark{width:37px;height:37px;border-radius:11px;background:#087f6d;color:#fff;display:grid;place-items:center;box-shadow:0 6px 15px #087f6d3b}.brand strong{font-size:20px;letter-spacing:3px;font-weight:800;display:block;line-height:1.1}.brand span{font-size:8px;letter-spacing:1.25px;color:#97a3b3;font-weight:800}.nav-label{font-size:10px;letter-spacing:1.3px;color:#a3afbd;font-weight:800;margin:0 16px 14px}.sidebar nav{display:grid;gap:5px}.sidebar nav button{border:0;background:transparent;color:#69778b;display:flex;align-items:center;gap:13px;height:45px;padding:0 15px;text-align:left;border-radius:9px;font-size:13px;font-weight:700}.sidebar nav button:hover{background:#f4f8f7}.sidebar nav button.active{background:#e6f5ef;color:#087f6d}.sidebar-spacer{flex:1}.future-card{margin:16px 3px 25px;padding:18px;border-radius:12px;background:#f1f8f5;border:1px solid #dff0e7;position:relative}.future-icon{width:31px;height:31px;border-radius:9px;background:#d8eee5;color:#087f6d;display:grid;place-items:center;margin-bottom:11px}.future-card strong{font-size:12px}.future-card p{font-size:11px;line-height:1.6;color:#7d8a98;margin:6px 0 0}.future-card>span{position:absolute;right:14px;top:18px;color:#087f6d;font-size:8px;letter-spacing:1px;font-weight:800}.profile{border-top:1px solid #edf0f4;padding:19px 4px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:34px;height:34px;border-radius:10px;background:#e7ecfb;color:#5069ac;display:grid;place-items:center;font-weight:800;font-size:13px}.profile>div:nth-child(2){min-width:0;flex:1}.profile strong,.profile span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile strong{font-size:11px}.profile span{font-size:10px;color:#97a3b3;margin-top:3px}.profile button,.mobile-close,.menu-button{border:0;background:none;color:#9ba8b7;padding:5px}.mobile-close,.menu-button{display:none}.main{flex:1;min-width:0}.topbar{height:72px;background:#fff;border-bottom:1px solid #e8edf3;display:flex;align-items:center;padding:0 42px;justify-content:space-between}.breadcrumb{color:#97a2b3;font-size:12px;font-weight:600}.breadcrumb span{padding:0 10px;color:#cad1db}.topbar-right{display:flex;align-items:center;gap:9px;color:#8b98aa;font-size:11px;font-weight:700}.status-dot{width:7px;height:7px;border-radius:50%;background:#36b88b}.top-avatar{width:30px;height:30px;border-radius:50%;margin-left:19px}.content{max-width:1500px;margin:auto;padding:34px 42px 70px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:29px}.eyebrow{font-size:10px;color:#108c78;font-weight:800;letter-spacing:1.8px;margin-bottom:8px}.page-heading h1{font-size:27px;letter-spacing:-.9px;margin:0 0 5px;font-weight:800}.page-heading p{font-size:12px;color:#94a0ae;margin:0}.heading-actions{display:flex;gap:10px;align-items:center}.heading-actions select,.secondary,.filters select{height:39px;border:1px solid #e3e9f0;background:#fff;border-radius:8px;color:#526072;padding:0 13px;font-size:11px;font-weight:700}.primary{height:39px;border:0;border-radius:8px;background:#0b8975;color:#fff;font-weight:800;font-size:11px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 14px #0b897525}.primary:hover{background:#066e5f}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:7px}.secondary:hover{background:#f6f9fb}.welcome{height:255px;border-radius:15px;background:linear-gradient(115deg,#0d6c61,#087d6c 60%,#0a9078);color:#fff;display:flex;overflow:hidden;position:relative;margin-bottom:38px;box-shadow:0 11px 25px #0a756d1f}.welcome>div:first-child{padding:31px 42px;z-index:1}.welcome-kicker{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#a9e1d1}.welcome h2{font-size:28px;letter-spacing:-.9px;line-height:1.2;margin:12px 0 8px}.welcome p{max-width:350px;font-size:11px;line-height:1.7;color:#c1e7df;margin:0 0 17px}.welcome button{border:0;background:#fff;color:#0b806f;border-radius:7px;height:34px;display:flex;align-items:center;gap:7px;padding:0 13px;font-size:10px;font-weight:800}.welcome-visual{flex:1;position:relative;min-width:280px}.orbit{position:absolute;border:1px solid #ffffff30;border-radius:50%;width:390px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-two{width:250px;height:250px}.visual-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:117px;height:117px;border-radius:29px;background:#ffffff1b;border:1px solid #ffffff46;display:grid;place-items:center;box-shadow:0 15px 40px #004f4440}.floating-stat{position:absolute;background:#fff;color:#38635c;padding:9px 13px;border-radius:8px;box-shadow:0 12px 30px #004e4440;display:flex;align-items:center;gap:6px;font-size:10px;font-weight:800}.fs-one{top:48px;left:20%}.fs-two{right:14%;bottom:47px}.section-head,.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-head{margin-bottom:17px}.section-head h2,.panel-head h2{font-size:15px;margin:0 0 5px;letter-spacing:-.3px}.section-head p,.panel-head p{font-size:10px;color:#a0aaba;margin:0}.subtle-badge,.count-pill{background:#e8f3ee;color:#168472;border-radius:20px;padding:5px 10px;font-size:9px;font-weight:800}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:29px}.metric{min-height:156px;background:#fff;border:1px solid #e9eef3;border-radius:11px;padding:20px 21px;box-shadow:0 4px 18px #1a365008;display:flex;flex-direction:column}.metric-icon,.quick-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;margin-bottom:12px}.metric-icon svg{width:17px}.color-0{background:#e7f6ed;color:#179266}.color-1{background:#fef1e6;color:#df9347}.color-2{background:#e8efff;color:#5979d0}.color-3{background:#e9f2fb;color:#5393c7}.metric>span{color:#8793a3;font-size:10px;font-weight:700}.metric strong{font-size:22px;letter-spacing:-.8px;margin-top:5px}.metric strong small{font-size:11px;color:#8f9bae}.metric-bottom{margin-top:auto;padding-top:11px;display:flex;justify-content:space-between;color:#a2acb9;font-size:9px;font-weight:700;border-top:1px solid #f0f3f6}.two-column{display:grid;grid-template-columns:1.55fr 1fr;gap:19px}.panel{background:#fff;border:1px solid #e9eef3;border-radius:11px;box-shadow:0 4px 18px #1a365008}.panel-head{padding:22px 24px;border-bottom:1px solid #f0f3f6}.text-link{border:0;background:none;color:#0e8a75;font-size:10px;font-weight:800}.entry-row{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 22px;border-bottom:1px solid #f0f3f6}.entry-row:last-child{border-bottom:0}.entry-icon{width:37px;height:37px;min-width:37px;border-radius:9px;display:grid;place-items:center;background:#e9f6ee;color:#189369}.entry-icon svg{width:18px}.kind-consumption,.kind-fuel{background:#fff2e8;color:#df9255}.kind-production{background:#eaf0ff;color:#5978d0}.kind-equipment_hours,.kind-employee_hours{background:#f1edfc;color:#8a6dcc}.entry-main{flex:1;min-width:0}.entry-main strong,.entry-main span,.entry-main small,.entry-amount strong,.entry-amount span{display:block}.entry-main strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-main span,.entry-main small,.entry-amount span{font-size:9px;color:#a0aaba;margin-top:4px}.entry-amount{text-align:right;white-space:nowrap}.entry-amount strong{font-size:11px}.empty{min-height:160px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#a2adba;text-align:center;font-size:10px}.empty strong{color:#637186;font-size:12px}.quick-panel{overflow:hidden}.quick-action{display:flex;align-items:center;gap:12px;width:calc(100% - 40px);margin:0 20px;border:0;border-bottom:1px solid #f0f3f6;padding:11px 0;background:#fff;text-align:left;color:#9aa7b6}.quick-action:hover{background:#fafcfb}.quick-icon{width:31px;height:31px;margin:0}.quick-icon svg{width:16px}.quick-action>span:nth-child(2){flex:1}.quick-action strong,.quick-action small{display:block}.quick-action strong{color:#29364a;font-size:10px}.quick-action small{font-size:9px;margin-top:3px}.quick-note{margin:15px 20px;background:#f2f8f5;border-radius:8px;padding:11px;display:flex;align-items:center;gap:9px;color:#6c9184;font-size:9px}.journal{min-height:400px}.filters{display:flex;gap:10px;padding:17px 22px;border-bottom:1px solid #f0f3f6}.filters input{flex:1;min-width:100px}.filters input,.filters select{border:1px solid #e3e9f0;border-radius:7px;height:37px;padding:0 11px;font-size:10px}.filters input::placeholder{color:#aab4c1}.journal .entry-row{min-height:76px}.employee-metrics{grid-template-columns:repeat(3,1fr)}.employee-metrics .metric{min-height:130px}.people-panel{overflow:hidden}.person-row{display:flex;align-items:center;width:100%;gap:14px;padding:13px 22px;border:0;border-bottom:1px solid #f0f3f6;background:#fff;text-align:left}.person-row:hover{background:#f9fbfa}.person-avatar{width:35px;height:35px;min-width:35px;border-radius:50%;display:grid;place-items:center;background:#e7f2ef;color:#19836e;font-size:11px;font-weight:800}.person-main{flex:1;min-width:0}.person-main strong,.person-main span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person-main strong{font-size:11px}.person-main span{font-size:9px;color:#9ba7b5;margin-top:4px}.role-badge,.active-badge{background:#edf1f8;color:#6e7e9b;border-radius:15px;padding:5px 9px;font-size:9px;font-weight:800}.active-badge{background:#e9f6ef;color:#27976f}.active-badge.inactive{background:#f4f4f4;color:#a4a4a4}.person-arrow{color:#9da9b8}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#162b39a1;z-index:40;display:flex;justify-content:center;align-items:center;padding:15px}.modal{background:#fff;border-radius:15px;width:min(100%,525px);max-height:94vh;overflow:auto;box-shadow:0 20px 70px #061c3054}.modal-head{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 28px 19px;border-bottom:1px solid #edf0f4}.modal-head h2{font-size:19px;margin:0 0 5px}.modal-head p{font-size:10px;color:#9aa5b2;margin:0}.modal-head button{background:none;border:0;color:#8e9ba9}.modal-body{padding:23px 28px 26px}.modal-body label,.auth-form label{display:block;font-size:10px;font-weight:800;color:#435167;margin-bottom:17px}.modal-body input,.modal-body select,.modal-body textarea,.auth-form input{display:block;width:100%;border:1px solid #dfe6ed;border-radius:8px;padding:10px 12px;background:#fff;color:#26364b;margin-top:7px;font-size:11px;outline:none}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus,.auth-form input:focus{border-color:#0c9a81}.modal-body input,.modal-body select{height:40px}.modal-body textarea{resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.optional{color:#acb5c1;font-weight:500}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;border-top:1px solid #edf0f4;padding-top:18px}.check-label{display:flex!important;align-items:center;gap:9px}.check-label input{width:16px;height:16px;margin:0}.form-error,.alert.error{background:#fff0ed;color:#bb573d;padding:11px;border-radius:8px;font-size:10px}.alert{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.alert.success{background:#e6f5ed;color:#0d826b;padding:11px;border-radius:8px;font-size:11px}.center-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#789}.loader{height:20px;width:20px;border:2px solid #cde9e0;border-top-color:#0b8975;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-page{display:grid;grid-template-columns:49% 51%;min-height:100vh;background:#fff}.auth-art{background:linear-gradient(150deg,#075e57,#098873);position:relative;overflow:hidden;color:#fff;padding:39px 50px;display:flex;flex-direction:column}.auth-art:before,.auth-art:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff24;border-radius:50%;right:-190px;top:15%}.auth-art:after{width:340px;height:340px;right:-100px;top:31%}.auth-brand{display:flex;align-items:center;gap:12px;font-size:19px;letter-spacing:3px;z-index:1}.auth-brand .brand-mark{background:#ffffff2a}.auth-art-content{margin:auto 0;z-index:1}.auth-art-content span{font-size:10px;letter-spacing:1.7px;color:#a8e8d8;font-weight:800}.auth-art-content h1{font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-2px;margin:22px 0}.auth-art-content p{max-width:370px;font-size:13px;line-height:1.8;color:#c1e6dd}.auth-art-footer{font-size:9px;letter-spacing:1.5px;color:#b3d9d1;z-index:1}.auth-form-wrap{display:grid;place-items:center;padding:30px}.auth-form{width:min(100%,350px)}.auth-form h2{font-size:26px;letter-spacing:-1px;margin:0 0 7px}.auth-form>p{font-size:11px;line-height:1.7;color:#97a3b1;margin-bottom:29px}.auth-form label{font-size:11px;margin-bottom:16px}.auth-form input{height:45px;font-size:12px}.auth-submit{width:100%;height:45px;margin-top:10px;justify-content:space-between;padding:0 17px;font-size:12px}.auth-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:26px;font-size:9px;color:#a7b1bd}.mobile-brand{display:none}@media(max-width:1100px){.content{padding:28px}.topbar{padding:0 28px}.metric-grid{gap:10px}.metric{padding:17px}.welcome-visual{min-width:220px}.two-column{grid-template-columns:1.3fr 1fr}}@media(max-width:850px){.sidebar{width:218px;min-width:218px}.content{padding:24px}.topbar{padding:0 24px}.metric-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.welcome-visual{min-width:180px}.fs-one{left:2%}.fs-two{right:2%}}@media(max-width:640px){.sidebar{position:fixed;left:-270px;transition:left .2s;width:258px;min-width:258px}.sidebar.open{left:0}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#15283380;z-index:19}.mobile-close,.menu-button{display:block}.mobile-close{margin-left:auto}.topbar{height:60px;padding:0 17px;justify-content:flex-start;gap:13px}.topbar-right{margin-left:auto;font-size:0}.top-avatar{margin-left:7px}.breadcrumb{font-size:10px}.content{padding:22px 16px 60px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}.page-heading h1{font-size:24px}.heading-actions{width:100%}.heading-actions .primary{flex:1}.heading-actions select{flex:1;min-width:0}.welcome{height:205px;margin-bottom:27px}.welcome>div:first-child{padding:23px}.welcome h2{font-size:23px}.welcome p{font-size:10px;max-width:250px}.welcome-visual{min-width:0;position:absolute;right:-90px;top:0;bottom:0;width:230px;opacity:.45}.floating-stat{display:none}.section-head h2{font-size:14px}.metric-grid{gap:9px;margin-bottom:19px}.metric{min-height:135px;padding:15px}.metric strong{font-size:19px}.metric-icon{width:29px;height:29px}.panel-head{padding:19px}.entry-row{padding:12px 15px}.quick-panel{margin-top:0}.filters{padding:12px;flex-direction:column}.filters select{width:100%}.role-badge{display:none}.person-row{padding:12px}.person-main span{max-width:180px}.auth-page{display:block}.auth-art{display:none}.auth-form-wrap{min-height:100vh;padding:25px}.mobile-brand{display:flex;align-items:center;gap:8px;color:#0b8975;font-size:18px;font-weight:800;letter-spacing:2px;margin-bottom:45px}.form-grid{grid-template-columns:1fr}.modal-head,.modal-body{padding-left:20px;padding-right:20px}}button:disabled{opacity:.5;cursor:not-allowed}.catalog-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.catalog-help{font-size:11px;line-height:1.6;color:#789}.catalog-archive{display:flex;gap:7px;align-items:center;font-size:11px;color:#637186}.voice-input{display:grid;gap:12px;border-bottom:1px solid #dce3e8;padding-bottom:20px}.voice-input p{margin:0;font-size:13px;line-height:1.5}.voice-actions{display:flex;flex-wrap:wrap;gap:8px}.voice-drafts{display:grid;gap:14px}.voice-drafts fieldset{display:grid;gap:10px;min-width:0;padding:14px;border:1px solid #dce3e8;border-radius:12px}.voice-drafts legend{padding:0 6px;font-weight:600}.voice-warning{color:#965c12}.voice-presets,.voice-rules{border:1px solid #dce3e8;border-radius:10px;padding:12px}.voice-presets summary,.voice-rules summary{cursor:pointer;font-weight:600}.voice-preset-body{display:grid;gap:12px;margin-top:12px}.voice-preset-fields{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 12px;margin:0;font-size:13px}.voice-preset-fields dt{color:#64748b}.voice-preset-fields dd{margin:0;overflow-wrap:anywhere}.access-panel{margin-top:24px;overflow:hidden}.access-scroll{overflow:auto}.access-table{border-collapse:collapse;width:100%;font-size:12px}.access-table th,.access-table td{padding:14px 18px;border-bottom:1px solid #edf0f4;text-align:left;min-width:155px;vertical-align:top}.access-table th:first-child{min-width:240px}.access-table thead{background:#f5f9f7}.access-table th{font-weight:700}.access-yes{color:#087f6d}.access-no{color:#7c8798}.access-current{display:block;font-size:10px;color:#087f6d;margin-top:4px}.access-help{padding:24px;margin-top:24px;font-size:12px;line-height:1.8}.access-help h2{font-size:15px}.role-permissions{border:1px solid #dfe6ed;border-radius:8px;padding:16px;margin:0 0 18px}.role-permissions legend{font-size:12px;font-weight:700}.role-permissions .check-label{line-height:1.6;font-size:12px}.role-permissions input{flex-shrink:0}.person-row:disabled{opacity:1;cursor:default}.person-row:disabled:hover{background:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.audit-filters{padding:22px;margin-bottom:20px}.audit-filter-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.audit-filter-grid label{font-size:11px;font-weight:700;color:#435167}.audit-filter-grid input,.audit-filter-grid select{display:block;width:100%;height:40px;padding:9px 10px;margin-top:7px;border:1px solid #dfe6ed;border-radius:8px;background:#fff;font-size:12px}.audit-filter-actions{display:flex;justify-content:flex-end;gap:10px}.audit-list{overflow:hidden}.audit-event{border-bottom:1px solid #edf0f4}.audit-event summary{display:flex;gap:18px;align-items:center;justify-content:space-between;padding:18px 24px;cursor:pointer;list-style:none}.audit-event summary:hover{background:#f8fbf9}.audit-event-main{min-width:0}.audit-event-main strong,.audit-event-main span,.audit-event-main small{display:block}.audit-event-main strong{font-size:13px}.audit-event-main span,.audit-event-main small{font-size:11px;color:#7a8797;margin-top:5px}.audit-event-result{text-align:right;flex-shrink:0}.audit-event-result time{display:block;font-size:11px;color:#7a8797;margin-top:7px}.audit-result{display:inline-block;padding:5px 9px;border-radius:14px;font-size:10px;font-weight:700}.audit-success{background:#e6f5ed;color:#087f6d}.audit-denied{background:#fff1db;color:#8b5c13}.audit-failed{background:#fff0ed;color:#b7533d}.audit-event-detail{padding:0 24px 20px;font-size:12px;line-height:1.7}.audit-event-detail table{margin-bottom:12px}.audit-event-detail td{overflow-wrap:anywhere;max-width:400px}.audit-request{overflow-wrap:anywhere}.audit-pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:18px 24px;font-size:12px;color:#718196}.audit-event-detail .access-table th:first-child{min-width:110px}.audit-event-detail .access-table td{min-width:140px}.audit-pagination span{text-align:center}@media(max-width:850px){.audit-filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.audit-filters{padding:18px}.audit-filter-grid{grid-template-columns:1fr}.audit-event summary{padding:16px;align-items:flex-start;flex-direction:column;gap:10px}.audit-event-result{display:flex;align-items:center;gap:10px;text-align:left}.audit-event-result time{margin-top:0}.audit-event-detail{padding:0 16px 18px}.audit-pagination{padding:16px}}.report-period{padding:20px;margin-bottom:24px}.report-period h2{margin:0 0 8px}.report-period p,.period-current{font-size:13px;color:#64748b}.report-period form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin:16px 0}.report-period label{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:12px;font-weight:700;color:#526072}.report-period input{width:100%;min-width:0;height:39px;border:1px solid #e3e9f0;background:#fff;border-radius:8px;color:#526072;padding:0 10px;font-size:12px;font-weight:400}@media(max-width:600px){.report-period label{width:100%}.report-period button{flex:1}}.role-open{background:none;border:0;text-align:left;font:inherit;padding:0;color:inherit;cursor:pointer}.role-open:hover strong{color:#087f6d;text-decoration:underline}.role-select{width:18px;height:18px;flex:none;accent-color:#087f6d}.role-compare-actions{display:flex;gap:10px;align-items:center}.role-summary{padding:20px;margin-bottom:20px}.role-summary p{margin:8px 0 0;color:#69778b;font-size:13px}.role-row .person-main{min-width:0}.role-row .person-main strong,.role-row .person-main span{white-space:normal;overflow-wrap:anywhere}@media(max-width:600px){.people-panel .panel-head:has(.role-compare-actions){flex-direction:column;align-items:stretch;gap:14px}.role-compare-actions button{flex:1}.role-row{flex-wrap:wrap}.role-row .person-main{flex-basis:calc(100% - 40px)}.role-row .active-badge{margin-left:30px}}.role-permission-section{margin-bottom:24px;background:#fff;border:1px solid #e3e9f0;border-radius:12px;overflow:hidden}.role-permission-section>summary{cursor:pointer;padding:20px;background:transparent;font-weight:700;color:#17233b}.role-permission-section[open]>summary{border-bottom:1px solid #edf0f4}.role-permission-section>.panel{border:0;border-radius:0;box-shadow:none;margin:0}.role-permission-section>summary h2{display:inline;font-size:inherit;margin:0}.role-sticky-header{position:sticky;top:0;z-index:15;background:#f7f9fc;padding:16px 0;border-bottom:1px solid #e3e9f0}.role-sticky-header h1{overflow-wrap:anywhere}.role-editor-controls{border:0;margin:0;padding:20px;display:flex;gap:16px;flex-wrap:wrap;align-items:end}.role-editor-controls label:not(.check-label){display:flex;flex-direction:column;gap:8px;flex:1;min-width:180px;font-size:12px;color:#526072}.role-editor-controls input:not([type=checkbox]),.role-editor-controls select{height:39px;border:1px solid #e3e9f0;border-radius:8px;padding:0 10px;background:#fff;color:#526072;min-width:0;width:100%}.role-editor-hint{padding:0 20px;font-size:12px;color:#69778b}.role-inline-editor .check-label{display:flex;align-items:center;gap:8px;font-size:12px}.role-inline-editor input[type=checkbox]{accent-color:#087f6d;width:18px;height:18px}.role-editor-footer{padding:20px;display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:12px;color:#69778b}.role-editor-footer>.form-error{width:100%}@media(max-width:600px){.role-editor-controls{flex-direction:column;align-items:stretch}.role-editor-controls label:not(.check-label){min-width:0}.role-editor-footer .heading-actions{width:100%;flex-wrap:wrap}.role-editor-footer button{flex:1}}