@font-face{font-family:Inter;src:url('/fonts/InterVariable.woff2')}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f3f5ef;color:#26372c;font:15px/1.55 Inter,system-ui,sans-serif}button,input,select{font:inherit}button,.button{border:1px solid #355e1b;border-radius:8px;background:#355e1b;color:white;padding:10px 16px;cursor:pointer;text-decoration:none;display:inline-block;font-weight:600}button:hover,.button:hover{background:#274715}button:disabled{opacity:.5;cursor:wait}.secondary{background:white;color:#355e1b}.secondary:hover{background:#e8efdf}.quiet{padding:7px 10px;background:transparent;color:#355e1b;border-color:transparent}.quiet:hover{background:#e6eddf}a{color:#355e1b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #a27132;outline-offset:3px}.topbar{height:90px;display:flex;align-items:center;gap:24px;padding:12px 32px;background:white;border-bottom:1px solid #dce3d6}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;line-height:1.5;color:#52684b}.brand img{width:46px;height:46px}.brand strong{font-size:17px;color:#26372c}.pill{background:#f3e7ce;color:#805821;font-size:12px;border-radius:30px;padding:5px 12px;font-weight:700}.topbar #accountMenu{margin-left:auto;display:flex;align-items:center;gap:10px}h1{font-size:38px;line-height:1.17;letter-spacing:-1px;margin:12px 0 18px}h2{font-size:21px;line-height:1.3;margin:0 0 14px}h3{font-size:17px}p{color:#596853;margin:0 0 18px}.eyebrow{letter-spacing:1.5px;color:#658151;font-size:11px;font-weight:800}.login-layout{max-width:1120px;margin:70px auto;padding:0 28px;display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center}.login-intro h1{font-size:58px}.intro-note{border-left:3px solid #a27132;padding:8px 18px;margin-top:30px;color:#63745b}.card{border:1px solid #dce3d6;background:white;border-radius:12px;padding:26px;margin-bottom:24px}.login-card{padding:34px}.small{font-size:12px;line-height:1.5;margin:16px 0 0;color:#718168}label{display:block;font-weight:600;font-size:13px;margin:0 0 16px}input,select{display:block;width:100%;border:1px solid #bcc9b5;background:#fff;border-radius:6px;padding:10px 11px;margin-top:6px;color:#26372c;font-weight:400}input[type=checkbox]{width:18px;height:18px;margin:0}label.check{display:flex;gap:10px;align-items:center}.login-card button[type=submit]{width:100%;margin-top:4px}.message{padding:13px 18px;background:#fff0da;color:#7b541c;border:1px solid #ddc8a8;border-radius:8px;margin:16px 32px}.message.success{background:#e6efdf;color:#355e1b;border-color:#cbdcc0}.app-layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 90px)}.sidebar{border-right:1px solid #dce3d6;background:#eef2e8;padding:26px 16px}.sidebar button,.sidebar a{display:block;width:100%;text-align:left;background:transparent;border:0;color:#52684b;padding:12px 16px;margin-bottom:4px;border-radius:8px;font-weight:500;text-decoration:none}.sidebar button.active{background:white;color:#355e1b;box-shadow:0 1px 4px #26372c0c;font-weight:700}.sidebar a{margin-top:32px;border-top:1px solid #dce3d6;border-radius:0;padding-top:22px}.workspace{padding:38px 44px;max-width:1460px;width:100%}.workspace>section>p{max-width:760px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:24px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:30px 0}.stat{padding:20px;background:white;border:1px solid #dce3d6;border-radius:10px}.stat strong{font-size:34px;display:block;color:#355e1b}.stat span{font-size:13px;color:#708164}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}.future{background:#e9efdf}.future p{margin:0}.toolbar{display:flex;align-items:flex-end;gap:16px;margin:24px 0}.search-label{flex:1;max-width:420px;margin:0}.table-wrap{overflow:auto;border:1px solid #dce3d6;background:white;border-radius:10px}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;letter-spacing:.4px;color:#748268;background:#f8faf5;text-transform:uppercase}td,th{padding:14px 18px;border-bottom:1px solid #e8ede2;vertical-align:middle}td small{display:block;color:#7a8870}tr:last-child td{border-bottom:0}.tag{padding:3px 8px;border-radius:20px;font-size:11px;background:#e6efdf;color:#355e1b;white-space:nowrap}.tag.muted{background:#eee;color:#777}.empty{padding:28px;text-align:center;color:#748268}.review{background:#e6efdf;border-radius:6px;padding:12px;margin-top:16px}dialog{border:1px solid #becdb4;border-radius:12px;padding:28px;width:min(820px,calc(100vw - 28px));max-height:90vh;color:#26372c}dialog::backdrop{background:#13281288}.dialog-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dialog-title h2{margin:0}.actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.permission-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.permission-row{display:grid;grid-template-columns:1fr 145px;align-items:center;border-bottom:1px solid #e5ecdf;padding:8px 0;gap:8px}.permission-row label{margin:0;font-size:12px;font-weight:500}.permission-row select{margin:0;padding:6px;font-size:12px}.permission-row small{display:block;color:#748268}dialog .message{margin:16px 0}#passwordDialog{max-width:480px}.app-item{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid #e5ecdf}.app-item:last-child{border:0}code{font-size:12px;overflow-wrap:anywhere}@media(max-width:900px){.topbar{height:auto;padding:16px;flex-wrap:wrap;gap:12px}.topbar #accountMenu{flex-wrap:wrap;width:100%;margin:0;font-size:13px}.login-layout{margin:30px auto;gap:30px;grid-template-columns:1fr;max-width:600px}.login-intro h1{font-size:42px}.app-layout{grid-template-columns:1fr}.sidebar{display:flex;overflow:auto;padding:10px;border-right:0;border-bottom:1px solid #dce3d6;gap:4px}.sidebar button,.sidebar a{width:auto;white-space:nowrap;font-size:12px;margin:0;padding:10px}.sidebar a{border:0}.workspace{padding:24px 18px}h1{font-size:30px}.stats{grid-template-columns:1fr 1fr}.two-columns{grid-template-columns:1fr;gap:0}.section-title{align-items:flex-start;gap:12px}.section-title button{font-size:12px}.permission-editor{grid-template-columns:1fr}dialog .two-columns{gap:0}td,th{padding:12px}.actions{flex-wrap:wrap}}
/* Keep administration content and dialogs inside the visible mobile viewport. */
:root{--hpd-visible-left:0px;--hpd-visible-top:0px;--hpd-visible-width:100vw;--hpd-visible-height:100dvh}
body{min-width:0}
.topbar,.app-layout,.workspace,.card,.two-columns>*,.brand,.brand>span{min-width:0}
.topbar{padding-top:max(12px,env(safe-area-inset-top));height:auto;min-height:90px}
#accountName{overflow-wrap:anywhere;min-width:0}
.workspace{overflow-wrap:anywhere}
.two-columns{grid-template-columns:repeat(2,minmax(0,1fr))}
input,select,form{min-width:0;max-width:100%}
input[type=file]{overflow:hidden}
.section-title,.toolbar{flex-wrap:wrap}
.section-title>div{min-width:0}
.search-label{flex-basis:200px}
.table-wrap{max-width:100%;overscroll-behavior:contain}
.permission-row{grid-template-columns:minmax(0,1fr) minmax(0,145px)}
.permission-row>*{min-width:0}
.permission-row label,.app-item>span{overflow-wrap:anywhere}
dialog{
 position:fixed;inset:auto;top:calc(var(--hpd-visible-top) + 12px);left:calc(var(--hpd-visible-left) + var(--hpd-visible-width)/2);
 transform:translateX(-50%);margin:0;width:min(820px,calc(var(--hpd-visible-width) - 24px));max-width:none;min-width:0;
 max-height:calc(var(--hpd-visible-height) - 24px);overflow:auto;overscroll-behavior:contain;
 scroll-padding-top:76px;scroll-padding-bottom:90px;background:white;
}
.dialog-title{position:sticky;top:0;z-index:2;background:white;gap:12px;padding-bottom:8px}
.dialog-title h2{min-width:0;overflow-wrap:anywhere}
.dialog-title button{flex:0 0 auto;min-width:44px;min-height:44px}
dialog .actions{position:sticky;bottom:0;z-index:1;background:white;border-top:1px solid #e5ecdf;padding-top:12px;flex-wrap:wrap}
@media(max-width:900px){
 .two-columns{grid-template-columns:1fr}
 .topbar{min-height:0}
 .workspace{padding:22px 16px}
 .message{margin-inline:16px}
}
@media(max-width:480px){
 .topbar{padding-inline:14px}
 .brand{gap:9px}
 .brand strong{font-size:15px}
 .pill{padding-inline:9px}
 .workspace{padding:18px 14px}
 .card{padding:18px}
 .section-title{align-items:center}
 .section-title button{min-height:44px}
 .toolbar{gap:10px;margin-block:18px}
 .search-label{max-width:none}
 .toolbar>button{min-height:44px}
 dialog{padding:16px}
 dialog input,dialog select{font-size:16px}
 dialog .permission-row{grid-template-columns:minmax(0,1fr);gap:5px}
 dialog .permission-row select{font-size:14px;padding:9px}
 dialog .actions{gap:8px}
 dialog .actions button{flex:1 1 auto;min-height:44px;white-space:normal}
 dialog .message{overflow-wrap:anywhere}
 .stats{gap:10px}
 .stat{padding:14px}
 .stat strong{font-size:28px}
 .app-item{flex-wrap:wrap;gap:8px}
}

/* Preserve readable columns; scroll the table, never the page. */
.workspace{min-width:0}.workspace .table-wrap{overflow-x:auto;max-width:100%;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.workspace .table-wrap table{min-width:760px;overflow-wrap:normal;word-break:normal;table-layout:auto}.workspace .table-wrap th,.workspace .table-wrap td button{white-space:nowrap}.workspace .table-wrap td{min-width:100px;overflow-wrap:normal;word-break:normal}.workspace .table-wrap td:first-child{min-width:155px}.table-scroll-hint{padding:10px 14px;margin:0;font-size:12px;background:#f4f7ef}.table-wrap:focus-visible{outline:3px solid #a27132;outline-offset:2px}