:root{color-scheme:light;--ink: #18212c;--navy: #1d3557;--green: #1f6f61;--green-dark: #116052;--amber: #b7791f;--soft: #f4f7f6;--line: #dde5e2;--muted: #65717c;font-family:Segoe UI,Tahoma,Arial,sans-serif;background:#f4f7f6;color:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}.center-screen,.login-screen{min-height:100vh;display:grid;place-items:center;padding:24px}.login-screen{background:linear-gradient(140deg,rgba(29,53,87,.88),rgba(43,79,82,.72)),url(https://images.unsplash.com/photo-1508963493744-76fce69379c0?auto=format&fit=crop&w=1600&q=80) center/cover}.login-panel{width:min(440px,100%);background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.62);border-radius:8px;padding:32px;box-shadow:0 24px 70px #0b1f2d3d}.brand-mark{width:48px;height:48px;display:grid;place-items:center;border-radius:8px;background:#1f6f61;color:#fff}.brand-mark svg,.section-title svg,.stat-card svg{width:22px;height:22px}.eyebrow{margin:18px 0 4px;color:#8a5c0f;font-size:.85rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(1.45rem,3vw,2.1rem);line-height:1.35}h2{margin-bottom:0;font-size:1.15rem}.app-shell{min-height:100vh;background:linear-gradient(180deg,rgba(255,255,255,.72),rgba(244,247,246,.92)),#f4f7f6}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px clamp(18px,4vw,48px);background:#ffffff;border-bottom:1px solid #dde5e2}.topbar h1{margin-bottom:0}.topbar .eyebrow{margin-top:0}.user-strip,.row-actions,.section-title,.toolbar,.tabbar,.status-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.role-badge{display:inline-flex;align-items:center;min-height:32px;padding:5px 11px;border-radius:999px;background:#e9f5f1;color:#116052;font-weight:800}.content-grid,.monitor-layout{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.servant-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:20px}.summary-strip{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.stat-card{min-height:112px;display:flex;align-items:center;gap:16px;padding:20px;border:1px solid #dfe7e1;border-radius:8px;background:#ffffff}.stat-card>span{width:46px;height:46px;display:grid;place-items:center;border-radius:8px;background:#eaf1f6;color:#315f87}.stat-card strong{display:block;font-size:2rem}.stat-card p{margin-bottom:0;color:#5f6872}.stat-card.success>span{background:#e9f5f1;color:#116052}.stat-card.warning>span{background:#fff2d8;color:#8a5c0f}.panel{background:#ffffff;border:1px solid #dde5e2;border-radius:8px;padding:22px;box-shadow:0 16px 34px #18212c0f}.wide-panel{grid-column:1 / -1}.section-title{margin-bottom:18px;color:#1d3557}.stacked-form,.settings-form{display:grid;gap:14px}.settings-form{grid-template-columns:repeat(4,minmax(0,1fr))}.wide-field{grid-column:1 / -1}label{display:grid;gap:7px;color:#48535e;font-weight:700}input,select,textarea{width:100%;border:1px solid #cfd8d3;border-radius:8px;background:#fff;color:#17202a;padding:11px 12px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus,textarea:focus{border-color:#1f6f61;box-shadow:0 0 0 3px #1f6f6124}textarea{resize:vertical}.primary-action,.secondary-action,.ghost-action,.icon-action,.danger-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;min-height:42px;padding:10px 16px;font-weight:800}.primary-action{background:#1f6f61;color:#fff}.secondary-action{background:#1d3557;color:#fff}.ghost-action{background:#edf1f4;color:#243241}.icon-action,.danger-action{width:42px;padding:0}.icon-action{background:#e9f5f1;color:#116052}.danger-action{background:#fde8e5;color:#a23428}.full-width{width:100%;margin-top:12px}.error-text,.success-text,.muted{margin-bottom:0}.error-text{color:#a23428;font-weight:800}.success-text{color:#116052;font-weight:800}.muted{color:#6d7680}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:right;padding:13px 10px;border-bottom:1px solid #edf0ec}th{color:#5f6872;font-size:.9rem}.preparation-list,.user-list,.attendance-grid{display:grid;gap:12px}.list-item{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:16px;border:1px solid #dde5e2;border-radius:8px;background:#fff}.list-item strong,.list-item span{display:block}.list-item span{color:#6d7680;margin-top:4px}.list-item p{margin:10px 0 0;color:#293744;line-height:1.7}.text-link{white-space:nowrap;color:#1d5d99;font-weight:800;text-decoration:none}.enhanced-preparation-list{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:start}.preparation-card{min-width:0;display:grid;gap:12px;padding:16px;border:1px solid #dde5e2;border-radius:8px;background:#ffffff;box-shadow:0 12px 26px #18212c0d}.preparation-card header,.preparation-card footer{display:flex;justify-content:space-between;gap:14px;align-items:flex-start}.preparation-card h3{margin:10px 0 6px;color:#18212c;font-size:1.08rem}.preparation-card p{margin-bottom:0;color:#65717c;line-height:1.65}.preparation-card footer{align-items:center;padding-top:10px;border-top:1px solid #edf0ec}.preparation-card footer>span{color:#65717c;line-height:1.5}.preparation-card .row-actions{justify-content:flex-end}.monitor-layout{display:grid;gap:18px}.dashboard-navigation{display:flex;justify-content:stretch}.tabbar{width:100%;display:flex;gap:6px;flex-wrap:wrap;background:#ffffff;border:1px solid #dde5e2;border-radius:8px;padding:8px;box-shadow:0 12px 26px #18212c0d}.tabbar button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:8px;min-height:40px;padding:8px 14px;background:transparent;color:#46515c;font-weight:800}.tabbar button.active{background:#1d3557;color:#fff}.mobile-nav-toggle,.mobile-side-nav,.mobile-nav-backdrop{display:none}.mobile-nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;border:0;background:rgba(14,26,38,.46)}.mobile-side-nav{position:fixed;inset:0 0 0 auto;z-index:50;width:min(310px,calc(100vw - 44px));transform:translate(105%);grid-template-rows:auto 1fr;gap:12px;padding:18px;border-left:1px solid rgba(255,255,255,.16);background:#182b42;color:#fff;box-shadow:-18px 0 42px #0e1a2647;transition:transform .18s ease}.mobile-side-nav.open{transform:translate(0)}.mobile-side-nav header{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.14)}.mobile-side-nav header span,.mobile-side-nav header strong{display:block}.mobile-side-nav header span{color:#f2c66d;font-size:.86rem;font-weight:800}.mobile-side-nav header strong{margin-top:4px;font-size:1.1rem}.mobile-side-nav .icon-action{background:rgba(255,255,255,.12);color:#fff}.mobile-side-nav nav{display:grid;gap:8px}.mobile-side-nav nav button{min-height:48px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:10px 12px;background:rgba(255,255,255,.06);color:#fff;font-weight:800;text-align:right}.mobile-side-nav nav button.active{border-color:#f2c66da3;background:#f2c66d;color:#18212c}.toolbar{justify-content:space-between;margin-bottom:18px}.toolbar label{min-width:min(260px,100%)}.attendance-workspace,.preparations-workspace,.service-workspace{display:grid;gap:16px}.attendance-hero{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(360px,1.3fr);gap:18px;align-items:stretch;padding:22px;border:1px solid #223f5f;border-radius:8px;background:#1d3557;color:#fff}.preparations-hero,.service-hero{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(360px,1.28fr);gap:18px;align-items:stretch;padding:22px;border:1px solid #284d46;border-radius:8px;background:#203f3a;color:#fff}.service-hero{border-color:#334250;background:#243241}.attendance-hero .eyebrow,.preparations-hero .eyebrow,.service-hero .eyebrow{margin-top:0;color:#f2c66d}.attendance-hero h2,.preparations-hero h2,.service-hero h2{margin-bottom:10px;font-size:1.35rem}.attendance-hero span,.preparations-hero span,.service-hero span{color:#dbe7ef;line-height:1.7}.attendance-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.attendance-metrics .stat-card{min-height:94px;padding:14px;background:rgba(255,255,255,.08);border-color:#ffffff29;color:#fff}.attendance-metrics .stat-card>span{width:38px;height:38px;background:rgba(255,255,255,.14);color:#f2c66d}.attendance-metrics .stat-card strong{font-size:1.55rem}.attendance-metrics .stat-card p{color:#dbe7ef;font-size:.85rem}.attendance-controls{display:grid;grid-template-columns:minmax(240px,1.2fr) minmax(170px,.7fr) minmax(240px,1fr) auto;gap:14px;align-items:end;padding:18px;border:1px solid #d6e1dd;border-radius:8px;background:#ffffff;box-shadow:0 14px 32px #18212c12}.preparation-controls{display:grid;grid-template-columns:minmax(260px,1.2fr) minmax(180px,.7fr) minmax(180px,.7fr);gap:14px;align-items:end;padding:18px;border:1px solid #dde5e2;border-radius:8px;background:#ffffff;box-shadow:0 16px 34px #18212c0f}.search-field>span{display:flex;align-items:center;gap:8px;padding-inline-start:12px;border:1px solid #cfd8d3;border-radius:8px;background:#fff;color:#6d7680}.search-field input{border:0;padding-inline-start:0;box-shadow:none}.search-field input:focus{box-shadow:none}.attendance-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.attendance-actions .ghost-action{border-color:#d7b872;color:#8a5a0a}.attendance-actions .secondary-action{background:#1d3557;color:#fff}.week-strip{display:flex;gap:10px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:thin}.week-chip{min-width:230px;display:grid;gap:5px;text-align:right;border:1px solid #dde5e2;border-radius:8px;background:#fff;color:#243241;padding:12px 14px;box-shadow:0 8px 18px #18212c0a}.week-chip strong,.week-chip span{display:block}.week-chip span{color:#65717c;font-size:.88rem}.week-chip.active{border-color:#1f6f61;background:#e9f5f1;box-shadow:0 10px 24px #1f6f6124}.attendance-register{display:grid;gap:14px}.attendance-card{position:relative;display:grid;grid-template-columns:minmax(220px,1.15fr) minmax(126px,.5fr) minmax(290px,1.15fr) minmax(180px,.7fr) minmax(180px,.8fr);gap:12px;align-items:end;overflow:hidden;padding:16px 18px 16px 16px;border:1px solid #d8e2de;border-inline-start:6px solid #9aa8a4;border-radius:8px;background:#fff;box-shadow:0 14px 28px #18212c12;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.attendance-card:hover{transform:translateY(-1px);box-shadow:0 18px 34px #18212c1a}.attendance-card.saved{border-color:#bfdbcf}.attendance-card.present{border-inline-start-color:#1f6f61}.attendance-card.absent{border-inline-start-color:#a23428;background:#fffafa}.attendance-card.late{border-inline-start-color:#b7791f}.attendance-card-header{align-self:stretch;display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.attendance-card-header strong,.attendance-card-header span{display:block}.attendance-card-header strong{font-size:1.05rem}.attendance-card-header span{margin-top:5px;color:#65717c;line-height:1.5}.servant-heading{min-width:0;display:flex;align-items:flex-start;gap:11px}.servant-heading>div{min-width:0}.servant-avatar{width:44px;height:44px;flex:0 0 44px;display:grid;place-items:center;border:1px solid #cfdcd7;border-radius:8px;background:#f4f7f6;color:#1d3557;font-weight:900;letter-spacing:0}.record-state{white-space:nowrap;border-radius:999px;background:#edf1f4;color:#46515c;padding:5px 10px;font-size:.8rem;font-weight:800}.record-state.done{background:#e9f5f1;color:#116052}.record-state.draft{background:#f7efe2;color:#9a5d13}.record-state.absent{background:#fae8e5;color:#a23428}.record-state.late{background:#fff4d8;color:#8a5a0a}.presence-toggle{display:grid;grid-template-columns:1fr 1fr;min-height:42px;padding:4px;border:1px solid #cfd8d3;border-radius:8px;background:#f7faf9}.presence-toggle button{border:0;border-radius:6px;background:transparent;color:#46515c;font-weight:800}.presence-toggle button.active{background:#1f6f61;color:#fff}.arrival-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:end}.arrival-control .ghost-action{min-width:82px}.meeting-check{align-self:center}.attendance-card-footer{grid-column:1 / -1;display:flex;justify-content:space-between;gap:12px;align-items:center;padding-top:10px;border-top:1px solid #edf0ec}.attendance-card-footer span{color:#65717c}.users-workspace{display:grid;gap:16px}.users-header,.users-tools{display:flex;justify-content:space-between;gap:16px;align-items:end;padding:18px;border:1px solid #dde5e2;border-radius:8px;background:#ffffff;box-shadow:0 16px 34px #18212c0f}.users-header .eyebrow{margin-top:0}.users-header h2{margin-bottom:8px;color:#1d3557}.users-header span{color:#65717c}.users-tools{align-items:end}.users-tools .search-field{flex:1 1 380px}.role-filter,.role-picker{display:flex;gap:8px;flex-wrap:wrap}.role-filter button,.role-picker button{min-height:40px;border:1px solid #cfd8d3;border-radius:8px;background:#fff;color:#46515c;padding:8px 13px;font-weight:800}.role-filter button.active,.role-picker button.active{background:#1d3557;border-color:#1d3557;color:#fff}.user-form-panel{display:grid;gap:16px}.user-form-panel .section-title{justify-content:space-between}.close-button{margin-inline-start:auto}.users-grid{display:grid;grid-template-columns:minmax(360px,.95fr) minmax(380px,1.05fr);gap:18px;align-items:start}.users-list-panel,.user-profile-panel{min-height:420px}.user-card{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px;border:1px solid #dde5e2;border-radius:8px;background:#fff;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.user-card:hover,.user-card.active{border-color:#1f6f61;box-shadow:0 12px 28px #1f6f611f}.user-card:hover{transform:translateY(-1px)}.user-card-main{display:flex;gap:12px;align-items:flex-start;min-width:0}.user-card-main strong,.user-card-main span{display:block}.user-card-main strong{color:#18212c;margin-bottom:5px}.user-card-main span{color:#65717c;line-height:1.5}.profile-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:16px;border-bottom:1px solid #edf0ec}.profile-heading h2{margin:10px 0 5px;color:#1d3557}.profile-heading p{color:#65717c;margin-bottom:0}.profile-facts,.history-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px}.profile-facts>div,.history-grid>div{border:1px solid #edf0ec;border-radius:8px;background:#f8fbfa;padding:12px}.profile-facts span,.history-grid span{display:block;margin-bottom:6px;color:#65717c;font-size:.86rem}.profile-facts strong,.history-grid strong{color:#18212c}.profile-note{margin-top:16px;line-height:1.7}.profile-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.profile-metric{min-width:0;display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;padding:12px;border:1px solid #dde8e5;border-radius:8px;background:#f8fbfa}.profile-metric>span{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e9f5f1;color:#116052}.profile-metric strong,.profile-metric p{display:block}.profile-metric strong{color:#18212c;font-size:1.15rem}.profile-metric p{margin-bottom:0;color:#65717c;font-size:.86rem;line-height:1.5}.profile-metric.danger-metric>span{background:#fde8e5;color:#a23428}.profile-metric.preparation-metric{grid-template-columns:34px minmax(0,1fr);align-items:start}.profile-metric.preparation-metric .compact-action{grid-column:1 / -1;width:100%;margin-top:2px}.compact-action{min-height:36px;padding:8px 12px;white-space:nowrap}.empty-profile{min-height:320px;display:grid;place-items:center;align-content:center;gap:10px;text-align:center}.empty-profile svg{color:#7a8792}.servant-history{display:grid;gap:12px;margin-top:20px}.history-title{justify-content:space-between}.history-title>span{display:inline-flex;align-items:center;gap:12px}.history-card{display:grid;gap:12px;padding:14px;border:1px solid #dde5e2;border-radius:8px;background:#fff}.history-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.history-card header strong,.history-card header span{display:block}.history-card header span{color:#65717c}.history-card p{margin-bottom:0;color:#293744;line-height:1.7}.prep-open-button{width:100%;display:inline-flex;align-items:center;justify-content:flex-start;gap:7px;border:0;border-radius:8px;padding:0;background:transparent;color:#1d5d99;font-weight:800;text-align:right}.prep-open-button:hover,.prep-open-button:focus-visible,.text-link:hover,.text-link:focus-visible{text-decoration:underline}.preparation-preview{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;padding:22px;background:rgba(19,31,43,.54)}.preparation-modal{width:min(920px,100%);max-height:min(720px,calc(100vh - 44px));display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.68);border-radius:8px;background:#ffffff;box-shadow:0 30px 90px #0b1f2d42}.preparation-modal-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid #edf0ec}.preparation-modal-header .eyebrow{margin-top:0}.preparation-modal-header h2{margin-bottom:6px;color:#1d3557}.preparation-modal-header span{color:#65717c}.preparation-modal-body{min-height:0;display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.6fr)}.preparation-modal-list{min-height:0;display:grid;align-content:start;gap:8px;overflow-y:auto;padding:14px;border-left:1px solid #edf0ec;background:#f8fbfa}.preparation-modal-list button{display:grid;gap:5px;width:100%;border:1px solid transparent;border-radius:8px;padding:11px;background:#ffffff;text-align:right}.preparation-modal-list button.active,.preparation-modal-list button:hover,.preparation-modal-list button:focus-visible{border-color:#1f6f61;box-shadow:0 10px 24px #1f6f611a}.preparation-modal-list strong{color:#18212c}.preparation-modal-list span{color:#65717c;font-size:.85rem;line-height:1.5}.preparation-modal-content{min-height:0;overflow-y:auto;padding:20px}.preparation-modal-content h3{margin:14px 0 12px;color:#18212c;font-size:1.35rem}.preparation-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 16px}.preparation-details div{border:1px solid #edf0ec;border-radius:8px;padding:12px;background:#f8fbfa}.preparation-details dt{margin-bottom:6px;color:#65717c;font-size:.86rem}.preparation-details dd{margin:0;color:#18212c;font-weight:800}.preparation-full-text{margin-bottom:18px;color:#293744;line-height:1.85;white-space:pre-wrap}.modal-file-action{width:fit-content;text-decoration:none}.attendance-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(88px,.55fr) minmax(220px,1fr) minmax(160px,.9fr) minmax(160px,1fr) 42px;gap:12px;align-items:end;padding:14px;border:1px solid #dde5e2;border-radius:8px;background:#fff}.attendance-row strong,.attendance-row span{display:block}.attendance-row span{color:#6d7680;margin-top:4px}.check-field{display:flex;align-items:center;min-height:42px;gap:8px}.check-field input{width:18px;height:18px}.split-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.service-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);gap:18px;align-items:start}.service-list-panel,.service-settings{min-height:360px}.service-list{display:grid;gap:10px}.service-option{width:100%;display:grid;gap:6px;border:1px solid #dde5e2;border-radius:8px;padding:13px;background:#ffffff;color:#243241;text-align:right}.service-option strong,.service-option span{display:block}.service-option span{color:#65717c;line-height:1.5}.service-option.active,.service-option:hover,.service-option:focus-visible{border-color:#1f6f61;background:#e9f5f1;box-shadow:0 10px 24px #1f6f611a}.service-form-title{justify-content:space-between}.service-form-title>span{display:inline-flex;align-items:center;gap:12px}.service-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.service-preview>div{border:1px solid #edf0ec;border-radius:8px;padding:12px;background:#f8fbfa}.service-preview span,.service-preview strong{display:block}.service-preview span{margin-bottom:6px;color:#65717c;font-size:.86rem}.service-preview strong{color:#18212c}.form-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}@media (max-width: 1050px){.servant-grid,.split-panels,.settings-form,.attendance-hero,.preparations-hero,.service-hero,.attendance-controls,.preparation-controls,.attendance-card,.service-layout,.users-grid{grid-template-columns:1fr}.attendance-metrics,.profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.attendance-actions{justify-content:stretch}.users-header,.users-tools,.user-card,.profile-heading,.history-title,.service-form-title,.history-card header{align-items:stretch;flex-direction:column}.users-header .primary-action,.users-tools .search-field{width:100%}.attendance-actions button{flex:1 1 190px}.attendance-row{grid-template-columns:1fr 1fr}.attendance-row .icon-action{width:100%}.preparation-modal-body{grid-template-columns:1fr}.preparation-modal-list{max-height:220px;border-left:0;border-bottom:1px solid #edf0ec}}@media (max-width: 760px){.topbar,.list-item{align-items:stretch;flex-direction:column}.dashboard-navigation{position:sticky;top:8px;z-index:30}.desktop-tabbar{display:none}.mobile-nav-toggle{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cbd9d5;border-radius:8px;background:#ffffff;color:#1d3557;box-shadow:0 12px 26px #18212c14;font-weight:900}.mobile-nav-backdrop{display:block}.mobile-side-nav{display:grid}.summary-strip{grid-template-columns:1fr}.content-grid,.monitor-layout{width:min(100% - 20px,1320px);padding-top:16px}.topbar{padding:18px 14px}.topbar h1{font-size:1.18rem}.user-strip{align-items:stretch}.attendance-hero,.preparations-hero,.service-hero,.attendance-controls,.preparation-controls,.attendance-card,.users-header,.users-tools,.user-form-panel{padding:14px}.attendance-controls{gap:10px}.attendance-controls label{min-width:0}.attendance-actions{display:grid;grid-template-columns:1fr}.attendance-metrics,.profile-metrics{grid-template-columns:1fr}.profile-metric.preparation-metric{grid-template-columns:34px minmax(0,1fr)}.profile-metric.preparation-metric .compact-action{grid-column:1 / -1;width:100%}.attendance-metrics .stat-card{min-height:76px}.week-chip{min-width:205px;padding:11px 12px}.attendance-card-header,.attendance-card-footer,.arrival-control,.user-card,.preparation-card header,.preparation-card footer,.profile-heading,.history-title,.service-form-title,.preparation-modal-header,.history-card header{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.attendance-card{gap:14px;border-inline-start-width:5px}.attendance-card-header{gap:10px}.servant-heading{align-items:center}.servant-avatar{width:40px;height:40px;flex-basis:40px}.record-state{width:max-content;max-width:100%}.week-strip{margin-inline:-10px;padding-inline:10px}.user-card-main{flex-direction:column}.role-filter button,.role-picker button{flex:1 1 120px}.profile-facts,.history-grid,.service-preview,.preparation-details{grid-template-columns:1fr}.arrival-control .ghost-action,.attendance-card-footer .primary-action{width:100%}.attendance-row,.enhanced-preparation-list{grid-template-columns:1fr}.form-actions{justify-content:stretch}.tabbar button,.primary-action,.secondary-action,.ghost-action{width:100%}.login-panel,.panel{padding:18px}.modal-backdrop{align-items:stretch;padding:10px}.preparation-modal{max-height:calc(100vh - 20px)}.preparation-modal-header,.preparation-modal-content{padding:16px}.preparation-modal-list{max-height:190px}.modal-file-action{width:100%}}