:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#242b30;background:#f7f8fa;font-size:14px;letter-spacing:0;font-synthesis:none;--muted:#737d86;--line:#e3e7eb;--accent:#117b65;--dark:#17292b;--loss:#bf5049}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;white-space:nowrap}button:disabled{opacity:.45;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible{outline:3px solid #a1d9cb;outline-offset:2px}input,select{width:100%;min-width:0;height:38px;border:1px solid #d9dfe4;border-radius:5px;background:#fff;padding:0 10px;color:#29343b}input:focus,select:focus{outline:2px solid #b5dcd1;border-color:var(--accent)}input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#616b74;min-width:0}h1,h2,p{margin-top:0}h1{font-size:25px;font-weight:650;line-height:1.3;margin-bottom:0}h2{font-size:16px;font-weight:650;margin:0}small{font-size:11px}svg{width:18px;height:18px;flex-shrink:0;stroke-width:1.7}.muted{color:var(--muted);font-size:12px}.error{color:var(--loss);white-space:pre-wrap}.positive{color:var(--accent)!important}.negative{color:var(--loss)!important}[hidden]{display:none!important}.primary{background:var(--accent);color:white;border-radius:5px;padding:10px 15px;min-height:38px}.secondary-button{background:#fff;border:1px solid #d9dfe4;border-radius:5px;padding:8px 12px;min-height:36px}.text-button{background:transparent;color:#5b6670;padding:8px}.icon-button{width:34px;height:34px;flex:0 0 34px;padding:0;background:transparent;border:1px solid transparent;border-radius:5px;color:#647079}.icon-button:hover{background:#edf1f3;border-color:var(--line)}
.workspace{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid var(--line);padding:29px 16px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;text-decoration:none;color:#263438;padding:0 9px;font-size:18px;font-weight:650;margin-bottom:37px}.brand small{display:block;font-size:9px;font-weight:500;color:#849097;margin-top:4px}.brand-symbol{display:grid;place-items:center;background:var(--dark);color:#98dec9;width:35px;height:35px;border-radius:8px}.brand-symbol svg{width:24px;height:24px}.nav-caption{font-size:10px;color:#98a0a6;padding:0 13px;margin:20px 0 12px}.sidebar>.nav-caption{margin-top:0}.nav-item{justify-content:flex-start;width:100%;padding:12px 13px;margin-bottom:4px;background:transparent;color:#6a737b;border-radius:5px;font-size:13px;gap:11px}.nav-item.active{background:#eaf5f0;color:#10745e;font-weight:650}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:19px 2px 0;display:flex;gap:6px;align-items:center}.sidebar-bottom strong{font-size:12px;display:block;max-width:85px;overflow:hidden;text-overflow:ellipsis}.sidebar-bottom small{display:block;color:var(--muted);margin-top:5px}.sidebar-bottom .icon-button{width:27px;flex-basis:27px}.avatar{background:#f0f3f5;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}main{min-width:0;padding:28px 32px 22px;max-width:1800px;width:100%;margin:auto}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:12px}.eyebrow{font-size:11px;color:#8e969e;display:flex;gap:10px;margin-bottom:12px}.eyebrow span:last-child{color:#5f6e77}.header-actions{display:flex;align-items:center;gap:10px}.header-actions .icon-button{background:white;border-color:var(--line)}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:25px}.metrics>div{padding:0 25px;border-right:1px solid var(--line)}.metrics>div:last-child{border:0}.metrics span{font-size:12px;color:#737e85}.metrics strong{display:block;font-size:28px;line-height:1.25;margin:10px 0;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.metrics small{color:#9aa2a8}.filters{margin-bottom:24px}.filter-line{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.filter-line>label{flex:1 1 130px}.filter-line .room-filter{flex:1.2 1 155px}.filter-line .search-filter{flex:1.5 1 170px}.filter-line.secondary{margin-top:15px}.filter-line.secondary label{flex:0 1 140px}.filter-line.secondary .compact{flex:0 1 125px}.input-icon{position:relative}.input-icon svg{position:absolute;top:10px;left:10px;color:#9ca5ac;width:16px;height:16px}.input-icon input{padding-left:34px}.date-presets{display:flex;gap:3px;align-items:center;min-height:38px;flex-wrap:wrap;margin-right:auto}.date-presets button{padding:6px 9px;border-radius:4px;color:#7b858c;background:transparent;font-size:11px}.date-presets button.selected{background:#e4edea;color:var(--accent)}.filter-actions{display:flex;gap:5px;margin-left:auto}.table-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;background:#fff;border-top:1px solid var(--line);padding:17px 18px}.table-title{display:flex;gap:10px;align-items:center}.badge{background:#eef1f3;color:#6b7680;border-radius:4px;font-size:11px;padding:3px 7px}.toolbar-actions{display:flex;align-items:center;gap:9px}.inline-label{display:flex;flex-direction:row;align-items:center;gap:7px;white-space:nowrap}.inline-label select{width:auto;height:32px;background:transparent;font-size:12px}.table-wrap{width:100%;overflow:auto;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}th{background:#f7f9fa;color:#819099;font-size:11px;font-weight:500;white-space:nowrap;padding:13px 16px}td{padding:15px 16px;border-top:1px solid #edf0f2;vertical-align:middle;max-width:400px}tbody tr:hover{background:#fafcfc}td small{display:block;color:#93a0a8;margin-top:5px;font-size:10px}td .user-name{font-weight:550;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-cell{white-space:nowrap}.room-cell strong{font-weight:500;max-width:140px;display:block;overflow:hidden;text-overflow:ellipsis}.content-cell{min-width:180px;max-width:480px;overflow-wrap:anywhere;line-height:1.6;white-space:pre-wrap}.time-cell{font-variant-numeric:tabular-nums;white-space:nowrap;color:#64717a}.amount{font-variant-numeric:tabular-nums;white-space:nowrap}.pill{display:inline-block;padding:3px 7px;border-radius:4px;background:#eaf4ef;color:#328368;font-size:10px;white-space:nowrap}.pill.box{background:#fff0dc;color:#9c742e}.pill.captain{background:#eaf0f9;color:#5d7cac}.row-actions{display:flex;gap:2px}.row-actions .icon-button{width:28px;height:28px;flex-basis:28px}.row-actions svg{width:15px;height:15px}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0}.pagination>div{display:flex;gap:10px;align-items:center;font-size:12px}.table-status{background:white;text-align:center;padding:45px 20px;color:#8b979e;border-block:1px solid var(--line)}.table-status svg{display:block;margin:0 auto 12px;width:28px;height:28px}.management-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:10px}.management-actions{display:flex;gap:10px}.retention-row{display:grid;grid-template-columns:1fr 160px 100px;gap:20px;align-items:center;padding:25px 0;border-bottom:1px solid var(--line)}.retention-row h2{margin-bottom:7px}.retention-form{max-width:850px}.retention-footer{display:flex;justify-content:space-between;align-items:center;margin:25px 0;gap:12px}.storage-stats{display:flex;gap:35px;padding:24px 0;border-top:1px solid var(--line);margin-top:35px}.storage-stats strong{display:block;font-size:23px;margin-top:9px}.permission-chips{display:flex;gap:5px;flex-wrap:wrap}.permission-chips span{padding:3px 5px;background:#f0f3f5;border-radius:3px}.login-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;background:#f5f7f8}.login-brand{align-self:flex-start;display:flex;align-items:center;gap:10px;margin:28px 35px;color:#4a6460;font-size:11px}.login-form{margin:auto;width:min(360px,calc(100% - 40px));padding:40px 0 60px}.login-mark{width:48px;height:48px;border-radius:8px;background:var(--dark);color:#a0dec7;display:grid;place-items:center;margin-bottom:25px}.login-mark svg{width:28px;height:28px}.login-form h1{font-size:30px;margin-bottom:10px}.login-form>p{margin-bottom:30px}.login-form label{margin-bottom:18px}.login-form input{height:44px}.login-form button{width:100%;height:43px}.login-form .error{margin:12px 0}.login-layout>footer{padding:20px;font-size:10px;color:#9aa4aa}dialog{width:min(660px,calc(100% - 28px));border:1px solid #dde2e6;border-radius:8px;padding:0;max-height:90vh;box-shadow:0 20px 90px #18282a30}dialog::backdrop{background:#17292b66}dialog header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}#modal-body{padding:22px 24px;max-height:62vh;overflow:auto}dialog footer{border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:10px;padding:17px 24px}#modal-error{padding:0 24px;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .full{grid-column:1/-1}.checkbox-field{display:flex;flex-direction:row;align-items:center;gap:8px}.grant-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:210px;overflow:auto;padding:10px 0}.grant-list label{display:flex;flex-direction:row;align-items:center;color:#4f6268}.detail-grid{display:grid;grid-template-columns:120px 1fr;gap:14px;font-size:12px}.detail-grid dt{color:var(--muted)}.detail-grid dd{margin:0;overflow-wrap:anywhere}pre{background:#f2f5f7;border:1px solid var(--line);padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:230px;overflow:auto;font-size:11px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#253638;color:white;border-radius:6px;padding:12px 20px;max-width:90%;font-size:13px;z-index:10}details summary{cursor:pointer;color:#64807b;font-size:12px;margin:15px 0}
main{margin:0 auto;align-self:start}.data-window{position:relative}#records-view .table-wrap{height:max(320px,calc(100dvh - 475px));overflow-anchor:none}th{position:sticky;top:0;z-index:1}.sidebar-bottom strong{white-space:nowrap}
.data-window .table-status{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffeb;pointer-events:none}
.pagination{flex-wrap:wrap}.pagination .pagination-controls{flex-wrap:wrap;justify-content:flex-end;gap:10px}.page-buttons,#page-presets,#page-jump{display:flex;align-items:center;gap:3px}.page-button{height:34px;min-width:34px;padding:0 6px;background:transparent;border-radius:4px;font-variant-numeric:tabular-nums;color:#647079}.page-button[aria-current=page]{background:#117b65;color:#fff}.page-ellipsis{width:20px;text-align:center;color:#737d86}#page-input{width:72px;height:32px}#page-number{white-space:nowrap}.pagination .page-buttons{flex-wrap:wrap}
.config-form{max-width:1000px}.config-section{border:0;border-bottom:1px solid var(--line);margin:0;padding:24px 0}.config-section legend{font-size:16px;font-weight:650;padding:0}.config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.config-grid .full{grid-column:1/-1}textarea{font:inherit;resize:vertical;width:100%;min-height:110px;padding:10px;border:1px solid #d9dfe4;border-radius:5px;background:white;color:#29343b}.config-actions{display:flex;justify-content:flex-end;gap:10px;padding:20px 0}.config-status{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:14px 0 24px;font-size:12px;color:#616b74}.config-section label small{line-height:1.5}.config-section+.config-section{margin-top:24px}.config-status .error{margin:0}.config-form input[type=password]{font-family:inherit}
@media(max-width:700px){.config-grid{grid-template-columns:1fr}.pagination .pagination-controls{width:100%;justify-content:flex-start;margin:0}.pagination .page-buttons{gap:0}.pagination #page-presets{gap:0}.page-button{min-width:28px;padding-inline:4px}.page-buttons .icon-button{width:28px;flex-basis:28px}#page-jump{margin-left:auto}.pagination .inline-label{font-size:11px}}
@media(min-width:1550px){main{padding:32px 42px}.filter-line.secondary .compact{flex-basis:135px}}
@media(max-width:1100px){.workspace{grid-template-columns:185px minmax(0,1fr)}.sidebar{padding-inline:10px}main{padding:22px 20px}.brand{font-size:16px}.sidebar-bottom{flex-wrap:wrap}.metrics>div{padding:0 16px}.metrics strong{font-size:24px}.table-toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar-actions{flex-wrap:wrap}}
@media(max-width:700px){.workspace{display:block}.sidebar{height:auto;position:static;padding:14px 16px 8px;border-right:0;border-bottom:1px solid var(--line)}.brand{margin:0;font-size:16px;padding:0}.brand-symbol{width:30px;height:30px}.brand small{display:none}.nav-caption{display:none!important}.sidebar nav{display:flex;overflow-x:auto;margin-top:14px;gap:4px}.nav-item{width:auto;flex-shrink:0;padding:10px;font-size:12px;margin:0}.nav-item svg{width:16px}.sidebar-bottom{position:absolute;top:16px;right:12px;border:0;padding:0}.sidebar-bottom .avatar,.sidebar-bottom small{display:none}.sidebar-bottom strong{max-width:70px;font-size:11px}.sidebar-bottom>div{margin-right:2px}main{padding:23px 16px}.page-header{margin-bottom:20px}.page-header h1{font-size:22px}.eyebrow{font-size:10px}.header-actions #updated-at{display:none}.metrics{grid-template-columns:1fr 1fr;row-gap:24px;padding:20px 0}.metrics>div:nth-child(2){border:0}.metrics strong{font-size:25px}.metrics small{font-size:10px}.filter-line{gap:10px}.filter-line>label,.filter-line .room-filter,.filter-line .search-filter{flex:1 1 calc(50% - 10px)}.filter-line.secondary>label,.filter-line.secondary .compact{flex:1 1 calc(50% - 10px)}.date-presets{width:100%;justify-content:space-between}.date-presets button{padding:7px}.table-toolbar{padding:15px 10px;gap:15px}.table-title h2{font-size:14px}.toolbar-actions{width:100%;gap:6px;justify-content:space-between}.toolbar-actions .secondary-button{font-size:11px;padding:7px 8px}.toolbar-actions .inline-label{font-size:0}.toolbar-actions select{font-size:11px;width:95px}.pagination{flex-wrap:wrap}.pagination>div{margin-left:auto;gap:5px}.retention-row{grid-template-columns:1fr 100px;gap:12px}.retention-row>span{grid-column:2}.retention-footer{align-items:flex-start;flex-direction:column}.management-bar{align-items:flex-start;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.grant-list{grid-template-columns:1fr}.storage-stats{gap:18px}.storage-stats strong{font-size:20px}dialog header,dialog footer{padding-inline:17px}#modal-body{padding:20px 17px}.detail-grid{grid-template-columns:90px 1fr}}