*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f4f6f8;color:#1a1a2e}#app{min-height:100vh}button{font:inherit;cursor:pointer;border:1px solid #c5cdd8;background:#fff;border-radius:6px;padding:.45rem .85rem}button:hover{background:#eef2f7}button.primary{background:#2d5a8e;color:#fff;border-color:#2d5a8e}button.primary:hover{background:#234872}button.secondary{background:transparent;color:#d6e4f5;border-color:#4a6f96}button.secondary:hover{background:#ffffff14}button.danger{color:#b42318;border-color:#fecdca}textarea,input,select{font:inherit;border:1px solid #c5cdd8;border-radius:4px;padding:.35rem .5rem;width:100%;min-width:0}input:focus,select:focus,textarea:focus{outline:2px solid #6ba3d6;border-color:#6ba3d6}select.invalid{border-color:#b42318;background:#fff5f5}select.invalid:focus{outline-color:#b42318;border-color:#b42318}input.invalid{border-color:#b42318;background:#fff5f5}input.invalid:focus{outline-color:#b42318;border-color:#b42318}.app-header{background:#1e3a5f;color:#fff;padding:1rem 1.5rem}.header-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-header h1{margin:0;font-size:1.35rem;font-weight:600}.tabs{display:flex;gap:.35rem}.tabs button{background:transparent;color:#d6e4f5;border-color:#4a6f96}.tabs button:hover{background:#ffffff14}.tabs button.active{background:#fff;color:#1e3a5f;border-color:#fff}.tab-panel{display:flex;flex-direction:column;gap:0}.panel-toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.75rem}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.search-box{min-width:220px}.main{padding:1rem 1.5rem 2rem}.status-bar{margin-bottom:.75rem;color:#5c6b7a;font-size:.9rem}.status-bar-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem 1rem}.status-bar-actions{display:flex;flex-wrap:wrap;gap:.35rem}.status-bar-actions button{padding:.25rem .65rem;font-size:.85rem}.status-bar.error{color:#b42318}.table-wrap{overflow:auto;background:#fff;border:1px solid #d8dee6;border-radius:8px;box-shadow:0 1px 3px #0000000f;max-height:calc(100vh - 240px)}.pagination-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;margin-top:.75rem;padding:.65rem .85rem;background:#fff;border:1px solid #d8dee6;border-radius:8px;font-size:.875rem;color:#5c6b7a}.pagination-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem}.pagination-size{display:inline-flex;align-items:center;gap:.4rem}.pagination-size select{width:auto;min-width:4.5rem;padding:.3rem .45rem}.pagination-page{white-space:nowrap}.pagination-bar button{padding:.35rem .75rem;font-size:.85rem}table{border-collapse:collapse;width:max-content;min-width:100%;font-size:.875rem}thead th{position:sticky;top:0;z-index:2;background:#e8eef4;border-bottom:2px solid #c5cdd8;padding:.55rem .65rem;text-align:left;white-space:nowrap;font-weight:600}thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}thead th.sortable:hover,thead th.sorted{background:#dce6f0}.sort-indicator{margin-left:.25rem;font-size:.7rem}tbody td{border-bottom:1px solid #e8edf2;padding:.2rem .35rem;vertical-align:middle}tbody tr:hover{background:#f7fafc}tbody tr.editing{background:#eef6fc}tbody tr.editing:hover{background:#e4f0fa}tbody tr.data-row{cursor:context-menu}tbody tr.data-row.dragging{opacity:.5}tbody tr.data-row.drop-target td{box-shadow:inset 0 2px #3182ce}.hint-pointer-coarse{display:none}@media(hover:none),(pointer:coarse){.hint-pointer-fine{display:none}.hint-pointer-coarse{display:inline}tbody tr.data-row{cursor:default}}.col-menu-trigger{width:1%;padding:0;vertical-align:middle;text-align:center}thead th.col-menu-trigger{display:none}tbody td.col-menu-trigger{display:table-cell}@media(hover:hover)and (pointer:fine){thead th.col-menu-trigger{display:table-cell}tbody tr:not(:hover):not(.editing):not(.dragging) td.col-menu-trigger .row-menu-trigger{opacity:0;pointer-events:none}}@media(hover:none),(pointer:coarse){thead th.col-menu-trigger{display:table-cell;position:sticky;right:0;z-index:2;background:#e8eef4;box-shadow:-1px 0 #e8edf2}tbody td.col-menu-trigger{display:table-cell;position:sticky;right:0;z-index:1;background:#fff;box-shadow:-1px 0 #e8edf2;text-align:center}tbody tr:hover td.col-menu-trigger{background:#f7fafc}tbody tr.editing td.col-menu-trigger{background:#eef6fc}tbody tr.editing:hover td.col-menu-trigger{background:#e4f0fa}}.row-menu-trigger{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:none;border-radius:6px;background:transparent;color:#5c6b7a;font-size:1.25rem;line-height:1;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.row-menu-trigger:active{cursor:grabbing}.row-menu-trigger:hover,.row-menu-trigger:focus-visible{background:#eef2f7;outline:none}.row-menu-trigger:focus-visible{box-shadow:0 0 0 2px #6ba3d6}.row-menu-trigger:disabled{opacity:.4;cursor:not-allowed}.row-context-menu{position:fixed;z-index:1100;display:flex;flex-direction:column;min-width:8.5rem;padding:.25rem;background:#fff;border:1px solid #d8dee6;border-radius:8px;box-shadow:0 4px 16px #0000001f}.row-context-menu button{width:100%;text-align:left;border:none;border-radius:4px;padding:.45rem .65rem;background:transparent}.row-context-menu button:hover{background:#eef2f7}.row-context-menu button.danger:hover{background:#fef3f2}.cell-text{display:block;padding:.35rem .5rem;min-height:2rem}.date-cell input{min-width:120px}.number-cell input{width:60px}.link-cell{min-width:120px;max-width:180px}.year-cell input{width:5.5rem}.music-link{color:#2d5a8e;text-decoration:none}.music-link:hover{text-decoration:underline}.hidden-input{display:none}.worship-set-table .date-col{min-width:120px}.worship-set-table .leader-col{min-width:160px}.worship-set-table .description-col{min-width:200px;max-width:320px}.description-input{resize:vertical;min-height:4.5rem}.description-text{white-space:pre-wrap}.worship-set-table .songs-col{min-width:260px}.cell-text.stacked+.cell-text.stacked{border-top:1px solid #eef2f6}.set-editor-cell{min-width:420px}.set-song-editor{display:flex;flex-direction:column;gap:.5rem;padding:.35rem}.set-song-row{display:grid;grid-template-columns:auto auto 1fr minmax(120px,160px) auto;gap:.5rem;align-items:start}.set-song-row.dragging{opacity:.5}.set-song-row.drop-target{box-shadow:inset 0 2px #3182ce}.song-drag-handle{width:1.75rem;height:1.75rem;align-self:center}.move-row-buttons{display:flex;flex-direction:column;gap:.15rem}.icon-button{min-width:2rem;padding:.2rem .35rem;font-size:.85rem;line-height:1}.song-combobox{position:relative}.song-suggestions{position:fixed;z-index:1000;margin:0;padding:.25rem 0;list-style:none;background:#fff;border:1px solid #c5cdd8;border-radius:6px;box-shadow:0 4px 12px #0000001a;max-height:220px;overflow-y:auto}.song-suggestions li{padding:.4rem .6rem;cursor:pointer;font-size:.85rem}.song-suggestions li:hover,.song-suggestions li.active{background:#eef6fc}.set-song-row button{white-space:nowrap}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:#5c6b7a}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#f4f6f8}.auth-card{width:100%;max-width:420px;padding:2rem;background:#fff;border:1px solid #d8dee6;border-radius:12px;box-shadow:0 4px 20px #00000014}.auth-card h1{margin:0 0 .35rem;font-size:1.5rem;color:#1e3a5f}.auth-subtitle{margin:0 0 1.5rem;color:#5c6b7a}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;color:#3d4f61}.auth-error{margin:0;color:#b42318;font-size:.9rem}.auth-submit{width:100%;margin-top:.25rem}.page-shell{min-height:100vh}.page-content{max-width:960px}.header-account{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-left:auto}.header-user{font-size:.9rem;color:#d6e4f5}.role-badge{display:inline-block;margin-left:.5rem;padding:.15rem .45rem;border-radius:999px;background:#ffffff24;font-size:.75rem}.header-nav{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.header-nav a{color:#d6e4f5;text-decoration:none;font-size:.9rem}.header-nav a:hover,.header-nav a.router-link-active{text-decoration:underline}.read-only-banner{margin:.75rem 0 0;padding:.55rem .75rem;border-radius:6px;background:#ffffff1a;font-size:.9rem}.settings-card{padding:1.25rem;background:#fff;border:1px solid #d8dee6;border-radius:8px;box-shadow:0 1px 3px #0000000f}.settings-card+.settings-card{margin-top:1rem}.settings-card h2{margin:0 0 .75rem;font-size:1.1rem}.settings-hint{margin:0 0 1rem;color:#5c6b7a;font-size:.9rem}.settings-notice{margin:0 0 1rem;padding:.65rem .75rem;border-radius:6px;background:#fff4e5;color:#8a4b00}.settings-form{display:flex;flex-direction:column;gap:.85rem;max-width:420px}.settings-form label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem}.user-create-form{max-width:520px}.form-error{margin:0;color:#b42318;font-size:.9rem}.form-success{margin:0;color:#027a48;font-size:.9rem}.page-error{margin-top:1rem}.users-table select{width:auto;min-width:7rem}.reset-password-row{display:flex;gap:.35rem;align-items:center}.reset-password-row input{min-width:180px}@media(max-width:640px){html,body{max-width:100%;overflow-x:hidden}.app-header{padding:.75rem 1rem}.header-top{flex-direction:column;align-items:stretch;gap:.65rem;min-width:0}.tabs{flex-wrap:wrap;min-width:0}.tabs button{flex:1 1 auto;white-space:nowrap;font-size:.85rem;padding:.4rem .55rem}.header-account{margin-left:0;justify-content:space-between;min-width:0}.header-nav{flex-wrap:wrap;min-width:0}.main{padding:.75rem .75rem 1.5rem}.page-content{max-width:100%}.search-box{min-width:0;flex:1 1 100%}.panel-toolbar button,.toolbar button{flex:1 1 auto}.auth-page{padding:1rem}.auth-card{padding:1.25rem}.settings-card{padding:1rem}.reset-password-row{flex-wrap:wrap}.reset-password-row input{min-width:0;flex:1 1 100%}.table-wrap{max-height:none;overflow:visible;background:transparent;border:none;box-shadow:none}table{display:block;width:100%;min-width:0}thead{display:none}tbody{display:flex;flex-direction:column;gap:.65rem}tbody tr{display:flex;flex-direction:column;background:#fff;border:1px solid #d8dee6;border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:.5rem .75rem;position:relative}tbody td{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.4rem 0;border-bottom:1px solid #eef2f6;text-align:right}tbody td:last-child{border-bottom:none}tbody td:before{content:attr(data-label);font-weight:600;color:#5c6b7a;text-align:left;flex-shrink:0}tbody td:has(input,select,textarea),tbody td.set-editor-cell,tbody td.description-col,tbody td.songs-col,tbody td.cell-stack{flex-direction:column;align-items:stretch;justify-content:flex-start;text-align:left}tbody td:has(input,select,textarea):before,tbody td.set-editor-cell:before,tbody td.description-col:before,tbody td.songs-col:before,tbody td.cell-stack:before{margin-bottom:.3rem}tbody td.col-menu-trigger,tbody tr:hover td.col-menu-trigger,tbody tr.editing td.col-menu-trigger,tbody tr.editing:hover td.col-menu-trigger{order:-1;justify-content:flex-end;border-bottom:none;padding:0 0 .35rem;background:transparent;box-shadow:none}tbody td.col-menu-trigger:before{content:none}.set-editor-cell{min-width:0;width:100%}.set-song-row{display:flex;flex-wrap:wrap;grid-template-columns:none;gap:.5rem}.set-song-row>*{flex:1 1 auto}.song-drag-handle{order:-1;flex:0 0 auto}.cell-text.stacked+.cell-text.stacked{border-top:none}.history-overlay{padding:1.5rem .75rem}.history-entry{flex-wrap:wrap}}