/* Shared layout for planning, daily work and administration. */
[hidden]{display:none!important}
body{color:#192c48;background:#f5f7fb}
.app-shell{grid-template-columns:238px minmax(0,1fr)}
.sidebar{padding:20px 14px;background:#101d35}
.sidebar-brand{padding:0 10px 18px;justify-content:flex-start;gap:12px}
.sidebar-brand img{width:76px;height:76px;object-fit:contain}
.sidebar-brand .brand-caption{display:block;font-size:10px;line-height:1.6;color:#c5d3ea;letter-spacing:1.3px}
.sidebar nav{padding-right:2px;overflow-y:auto;min-height:0;flex:1}
.nav-section+.nav-section{margin-top:18px}
.nav-label{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:#899bb8;padding:0 12px;margin:7px 0 8px}
.nav-item{min-height:41px;padding:10px 12px;font-size:12px;line-height:1.5;margin:3px 0;border-radius:8px;color:#c4cee0;gap:11px}
.nav-item.active{background:#243b61;color:#fff;box-shadow:inset 3px 0 #8fb4ff}
.nav-item:hover{background:#203451;color:#fff}
.nav-item .icon{width:17px;flex:none}
.nav-count{margin-left:auto;border-radius:20px;background:#436ee7;color:#fff;padding:1px 7px;font-size:10px}
.sidebar-source{margin:16px 3px 10px;padding:11px 10px;font-size:10px;line-height:1.7;background:#172945;border:1px solid #2b3e5d;color:#b0c0d9}
.version-label{font-size:10px;color:#8391a8;white-space:nowrap;display:inline-block}
.sidebar-source .version-label{float:right;color:#a3b6d2}
.user-chip{padding:12px 4px 0;gap:9px}
.user-chip .user-name{font-size:11px;line-height:1.5;max-width:137px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-chip small{font-size:10px;color:#aabbd4}
.avatar{width:32px;height:32px;flex:none}
.topbar{height:82px;padding:12px 30px;gap:16px;background:#fff}
.context-filter{display:flex;flex-direction:column;gap:4px;min-width:0;margin:0}
.context-filter>span{font-size:10px;color:#6a7b95;font-weight:650;padding-left:2px}
.top-actions{align-items:center;gap:12px}
.club-filter{width:245px;max-width:100%;font-size:12px}
.month-filter{width:162px;font-size:12px}
.demo-label{font-size:10px;font-weight:550;background:#fff7dd;color:#7c632c;letter-spacing:.1px;padding:7px 18px}
.content{padding:28px 30px;max-width:1500px}
.page-heading{gap:18px;align-items:flex-start;margin-bottom:24px}
.page-heading h1{font-size:29px;letter-spacing:-.7px;line-height:1.25;margin:7px 0 9px}
.page-heading p{font-size:12px;max-width:760px;line-height:1.8;color:#61718b}
.eyebrow{font-size:10px;letter-spacing:1px;line-height:1.6}
.btn{border-radius:8px;min-height:39px;font-size:12px;padding:9px 14px;line-height:1.5}
.btn-primary{background:#255de1;border-color:#255de1}
.btn-primary:hover{background:#1d4ec1}
.text-btn{font-size:12px;line-height:1.6}
.panel{border-radius:12px;box-shadow:0 2px 6px #18365903;border-color:#e0e6ef;margin-bottom:20px}
.panel-head{padding:20px 22px;gap:14px;align-items:flex-start;flex-wrap:wrap}
.panel-head h2{font-size:15px;line-height:1.5}
.panel-head p,.page-note{font-size:12px;line-height:1.8;color:#64748b}
.panel-body{padding:0 22px 22px}
.panel.panel-body{padding:22px}
.table-wrap{max-width:100%;overflow:auto;border-radius:inherit}
.table-wrap th,.table-wrap td{padding:15px 18px;font-size:12px;line-height:1.65}
.table-wrap th{font-size:11px;color:#64748b;background:#f9fbfe}
.table-wrap td:first-child{white-space:normal;min-width:120px;max-width:290px}
.table-wrap td .subline{font-size:10px;line-height:1.7;max-width:250px;white-space:normal}
.toolbar{gap:14px;flex-wrap:wrap;margin-bottom:17px;align-items:center}
.search-box{min-width:200px;max-width:400px;flex:1}
.filter-tabs{background:#eaf0f7;border:1px solid #e0e7f0;padding:5px;border-radius:10px;gap:4px;margin-bottom:22px;max-width:100%;overflow-x:auto;display:flex}
.filter-tab{font-size:12px;line-height:1.5;padding:9px 13px;white-space:nowrap;border-radius:7px;flex:none}
.filter-tab.active{background:#fff;color:#24497e;box-shadow:0 1px 4px #1637580c}
.form-group>span{font-size:12px;line-height:1.6;color:#344a68}
.form-group small{font-size:11px;line-height:1.75;color:#6b7c94}
.form-group input,.form-group select,.form-group textarea{font-size:13px;min-height:41px;border-radius:7px}
.form-grid{gap:18px 22px}
.report-section{border:1px solid #e1e7f0;border-radius:10px;padding:19px;margin:0 0 22px}
.report-section legend{font-size:13px;font-weight:700;color:#26446c;padding:0 7px}
.report-section>p{font-size:11px;line-height:1.8;color:#6b7c94;margin:0 0 16px}
.editor-save{display:flex;gap:10px;flex-wrap:wrap;position:sticky;bottom:-23px;background:#fff;padding:15px 0;margin-top:10px;border-top:1px solid #e5ebf3;z-index:2}
.modal-body{padding:23px;scrollbar-gutter:stable}
.permission-option{align-items:flex-start;padding:13px;font-size:12px;border:1px solid #e7edf5;background:#f8fafd}
.permission-option input{margin-top:3px;flex:none}
.permission-option span{line-height:1.6}
.permission-option strong{display:block;font-size:12px}
.permission-option small{display:block;color:#6d7c93;font-size:10px;line-height:1.7;margin-top:4px}
.management-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.decision-metric{border-radius:12px}
.decision-metric .metric-label{font-size:12px;min-height:36px}
.decision-metric .metric-value{font-size:31px;margin:9px 0}
.goal-card{border-radius:12px;padding:21px}
.quality-row{gap:8px}
.data-note{padding:15px 18px;align-items:flex-start;flex-wrap:wrap}
.data-note p{font-size:12px}
.monthly-goals{display:grid;gap:24px}
.monthly-goal-card{margin:0;overflow:hidden}
.monthly-goal-card>.panel-head{background:#f9fbff;border-bottom:1px solid #e3eaf4}
.monthly-goal-card>.panel-head h2{font-size:18px;margin:0 0 4px}
.monthly-goal-card>.panel-body{padding:0 23px 23px}
.monthly-goal-section{padding-top:23px;margin-top:22px;border-top:1px solid #e6ecf4}
.monthly-goal-section:first-child{border:0;margin-top:0}
.monthly-goal-section h3{font-size:14px;line-height:1.6;margin:0 0 8px}
.monthly-goal-section>.page-note{margin:5px 0 17px}
.monthly-goal-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0 18px}
.monthly-goal-metrics>div{background:#f6f8fc;border:1px solid #e6ecf5;border-radius:9px;padding:15px}
.monthly-goal-metrics dt{font-size:11px;color:#687991;line-height:1.6;min-height:34px}
.monthly-goal-metrics dd{margin:8px 0 0;font-size:22px;font-weight:700;letter-spacing:-.4px;line-height:1.4}
.monthly-goal-policy{margin-top:18px;background:#f7f9fd;border:1px solid #e1e8f3;border-radius:9px;padding:0 16px}
.monthly-goal-policy>summary{padding:15px 0;font-size:12px;font-weight:650;cursor:pointer}
.monthly-goal-policy>p{font-size:12px;line-height:1.8}
.monthly-goal-policy>.heading-actions{padding-bottom:16px}
.monthly-goal-expiry .section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.monthly-goal-expiry .expiry-card{border:0;box-shadow:none}
.monthly-goal-expiry .expiry-card>.panel-head{padding:10px 0 18px}
.monthly-goal-expiry .expiry-card>.panel-body{padding:0}
.monthly-goal-status{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.calculation-preview{padding:0 21px;background:#f9fbfe}
.calculation-preview>summary{padding:16px 0;cursor:pointer;color:#576e8e;font-size:12px}
.calculation-preview .panel-body{padding:0 0 20px}
.calculation-preview .form-group{max-width:440px}
.login-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.login-story{padding:40px 12%;min-height:100dvh;background:#102039}
.login-brand img{width:115px;height:115px;object-fit:contain}
.login-copy h1{font-size:clamp(33px,3.5vw,52px);letter-spacing:-1.6px;line-height:1.13}
.login-copy>p{font-size:15px;line-height:1.85;color:#b3c4df}
.login-form-side{padding:40px 10%;background:#fff}
.login-card{max-width:440px;width:100%}
.login-card h2{font-size:30px;letter-spacing:-.8px}
.login-groups{display:grid;gap:8px;margin:20px 0 24px}
.login-group{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #dee6f2;background:#fff;color:#5b6d87;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5;cursor:pointer}
.login-group>span{flex:1}
.login-group>.icon{width:17px;flex:none}
.login-group>.icon:last-child{opacity:.4;width:15px}
.login-group.active{background:#eef4ff;border-color:#8aabed;color:#1c4fba;box-shadow:inset 3px 0 #255de1;font-weight:650}
.login-group:hover{border-color:#8aabed}
.login-card .form-group{margin-bottom:18px}
.login-card #auth-form>.btn{width:100%;min-height:44px;margin-top:4px}
.login-foot{font-size:11px;line-height:1.8}
.demo-login{margin:22px 0 20px;padding:15px;border:1px solid #e3e9f2;border-radius:10px;background:#f8fafd}
.demo-login>summary{font-size:11px;color:#5d708e;cursor:pointer;line-height:1.6}
.demo-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:15px}
.demo-account-grid .btn{font-size:11px;margin:0;min-height:39px}
@media(max-width:1100px){.app-shell{grid-template-columns:210px minmax(0,1fr)}.sidebar{padding:16px 10px}.sidebar-brand{padding:0 7px 12px;gap:7px}.sidebar-brand img{width:67px;height:67px}.nav-item{font-size:11px;padding:9px 11px}.sidebar-brand .brand-caption{font-size:9px}.content{padding:24px}.topbar{padding:12px 24px}.club-filter{width:210px}.management-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-goal-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.login-story{padding:40px 10%}.login-form-side{padding:36px 8%}}
@media(max-width:850px){.app-shell{display:block}.sidebar{position:fixed;width:238px;left:-250px;top:0;height:100dvh;z-index:60;transition:left .2s;padding:20px 14px}.sidebar.open{left:0}.mobile-nav-overlay.open{display:block;position:fixed;inset:0;background:#07162f77;z-index:55}.mobile-menu{display:inline-flex;margin-right:auto;flex:none}.topbar{justify-content:space-between;padding:10px 20px;height:76px;position:sticky;top:0;z-index:30}.breadcrumb{display:none}.content{padding:24px 20px}.nav-item{font-size:12px}.sidebar-brand img{width:76px;height:76px}.sidebar-brand .brand-caption{font-size:10px}.club-filter{width:230px}.top-actions{gap:9px}.two-col,.two-col.equal{grid-template-columns:1fr}.sidebar-source{font-size:10px}.user-chip .user-name{font-size:11px}.login-layout{display:block}.login-story{display:none}.login-form-side{min-height:100dvh;padding:35px 26px}.login-mobile-brand{display:block!important}.login-mobile-brand img{width:100px;height:88px;object-fit:contain}.login-card{max-width:440px}.page-heading h1{font-size:27px}.table-wrap td{font-size:12px}}
@media(max-width:540px){.topbar{padding:9px 12px;height:76px;gap:8px}.top-actions{flex:1;gap:7px;min-width:0}.context-filter:first-child{flex:1}.club-filter{width:100%;min-width:0;font-size:10px}.month-filter{width:132px;font-size:11px}.topbar>.top-actions>.icon-btn{display:none}.content{padding:21px 14px}.page-heading h1{font-size:25px}.page-heading p{font-size:12px}.management-metrics{gap:10px}.decision-metric{padding:15px!important}.decision-metric .metric-label{font-size:11px;min-height:35px}.decision-metric .metric-value{font-size:27px}.decision-metric .metric-context,.decision-metric>small{font-size:10px}.goal-grid{grid-template-columns:1fr 1fr;gap:10px}.goal-card{padding:16px}.goal-values strong{font-size:29px}.goal-values>span{font-size:15px}.work-selector{align-items:stretch;gap:14px;padding:18px;flex-wrap:wrap}.work-selector .form-group{min-width:120px;flex:1}.work-status{width:100%;margin-left:0}.filter-tab{padding:8px 10px;font-size:11px}.filter-tabs{margin-bottom:18px}.monthly-goal-card>.panel-body{padding:0 16px 18px}.monthly-goal-card>.panel-head{padding:18px 16px}.monthly-goal-metrics>div{padding:12px}.monthly-goal-metrics dd{font-size:21px}.monthly-goal-metrics dt{font-size:10px}.panel-head{padding:18px}.panel-body{padding:0 18px 18px}.form-grid,.permission-group{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.modal-body{padding:19px}.report-section{padding:16px}.editor-save{bottom:-19px}.login-form-side{padding:28px 24px}.login-card h2{font-size:28px}.login-group{font-size:12px}.search-box{width:100%;max-width:none}.toolbar>.heading-actions{width:100%;justify-content:flex-end}.table-wrap th,.table-wrap td{padding:13px 15px}.nav-section+.nav-section{margin-top:20px}.permission-option{font-size:12px}.permission-group{gap:9px}}

.user-chip>div:nth-child(2){flex:1;min-width:0}.account-password{display:none}
.workflow-cell{min-width:180px;max-width:310px;white-space:normal}.workflow-next{display:block;font-size:12px;color:#304b73;line-height:1.7}.workflow-meta{display:block;font-size:10px;color:#73839a;line-height:1.7;margin-top:5px}.workflow-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 16px}.workflow-filters .btn{min-height:34px;font-size:11px}.workflow-filters .active{background:#eaf2ff;border-color:#a8bfec;color:#245bc9}.workflow-missing{border-left:3px solid #dbad54;padding:11px 15px;background:#fff9ec;margin-bottom:18px;border-radius:5px;font-size:12px;line-height:1.8}
@media(max-width:850px){.account-password{display:inline-flex}.user-chip .user-name{max-width:92px}.sidebar-source{margin-top:12px}}