:root{color:#16202a;background:#f6f7f2;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{height:100%}body{margin:0;overflow:hidden}button,input,select,textarea{font:inherit}button{color:#fff;cursor:pointer;background:#1f5f8b;border:1px solid #1f5f8b;border-radius:6px;min-height:34px;padding:6px 12px}button:hover{background:#174768}button.active{background:#19323f;border-color:#19323f}button.danger{background:#9d2f2f;border-color:#9d2f2f}button.danger:hover{background:#772323}button.small{min-height:30px;padding:4px 9px;font-size:.82rem}button:disabled{cursor:not-allowed;background:#9aa8ad;border-color:#9aa8ad}input,select,textarea{box-sizing:border-box;color:#16202a;background:#fff;border:1px solid #bac4c8;border-radius:6px;width:100%;padding:8px 10px}textarea{resize:vertical;min-height:74px}label{gap:5px;font-size:.88rem;font-weight:650;display:grid}pre{color:#eef7f8;background:#152027;border-radius:6px;padding:16px;overflow:auto}.app-shell,.auth-shell{box-sizing:border-box;min-height:100vh;padding:24px}.app-shell{grid-template-rows:auto minmax(0,1fr);gap:16px;height:100vh;min-height:0;display:grid;overflow:hidden}.auth-shell{place-items:center;height:100vh;display:grid;overflow:auto}.auth-panel{width:min(420px,100%)}.auth-panel .button-row{margin-top:12px}.auth-brand{align-items:center;gap:12px;margin-bottom:18px;display:flex}.auth-logo{object-fit:contain;flex:0 0 46px;width:46px;height:46px}.auth-brand h1{margin:0}.topbar{flex-wrap:wrap;align-items:end;gap:16px;min-width:0;display:flex}.brand-block{flex:300px;align-items:center;gap:12px;min-width:220px;display:flex}.brand-logo{object-fit:contain;flex:0 0 42px;width:42px;height:42px}.brand-text{min-width:0}.header-actions{flex-wrap:wrap;flex:420px;justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.app-content{align-content:start;gap:16px;min-height:0;display:grid;overflow:auto}.eyebrow{color:#1f5f8b;text-transform:uppercase;margin:0 0 6px;font-size:.78rem;font-weight:800}h1{letter-spacing:0;margin:0;font-size:2rem;line-height:1.1}h2{margin:0 0 14px;font-size:1.1rem}h3{margin:18px 0 8px;font-size:.96rem}.tabs{flex-wrap:wrap;gap:4px;display:flex}.header-tabs{flex:0 auto;justify-content:flex-end;min-width:0}.header-tabs .nav-link,.sign-out-button{color:#1f5f8b;white-space:nowrap;background:0 0;border-color:#0000;flex:none;min-height:30px;padding:4px 8px;font-size:.88rem;font-weight:760;line-height:1.2}.header-tabs .nav-link:hover,.sign-out-button:hover{color:#174768;background:#e7f0f6}.header-tabs .nav-link.active{color:#19323f;background:0 0;border-color:#0000;box-shadow:inset 0 -2px #1f5f8b}.header-tabs .nav-link.active:hover{background:#e7f0f6}.header-tabs .nav-link:focus-visible,.sign-out-button:focus-visible{outline-offset:2px;outline:2px solid #78a9c8}.status{color:#46545d;overflow-wrap:anywhere;min-height:24px;margin:0}.toast{z-index:20;color:#173c29;background:#edf8f0;border:1px solid #88b99b;border-radius:8px;max-width:min(360px,100vw - 40px);margin:0;padding:12px 14px;font-weight:750;position:fixed;top:20px;right:20px;box-shadow:0 12px 32px #16202a29}.grid{align-items:start;gap:16px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(260px,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(160px,1fr))}.panel{background:#fff;border:1px solid #d7dddc;border-radius:8px;gap:12px;padding:16px;display:grid}.metric strong{font-size:1.8rem}.metric span{color:#46545d;font-weight:700}.panel.wide{grid-column:1/-1}.panel-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.button-row{flex-wrap:wrap;gap:8px;display:flex}.token-field span{color:#46545d}.table-wrap{border:1px solid #d7dddc;border-radius:6px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;vertical-align:top;border-bottom:1px solid #e6e9e8;padding:9px 10px;font-size:.86rem}th{color:#25333b;background:#eff3f2;font-weight:800}td{overflow-wrap:anywhere}.status.error{color:#9d2f2f}.auth-help{color:#46545d;margin:8px 0 0;line-height:1.5}.message-dialog{width:min(520px,100%)}.message-dialog-message{overflow-wrap:anywhere;border-radius:6px;max-height:160px;margin:0;padding:12px;font-weight:700;overflow:auto}.message-dialog-error .message-dialog-message{color:#7a2424;background:#fff7f7;border:1px solid #e3bcbc}.message-dialog-info .message-dialog-message{color:#19323f;background:#f3f8fc;border:1px solid #bdd5e5}.message-dialog .button-row{justify-content:flex-end}.modal-backdrop,.transfer-backdrop{z-index:10;background:#16202a5c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.transfer-dialog{box-sizing:border-box;background:#fff;border:1px solid #c9d1d1;border-radius:8px;gap:12px;width:min(440px,100%);max-width:calc(100vw - 40px);padding:18px;display:grid;overflow:hidden}.profile-modal{width:min(760px,100%)}.folder-modal{width:min(1040px,100%);max-height:calc(100vh - 40px);overflow:auto}.form-grid{grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;display:grid}.muted{color:#65727a;overflow-wrap:anywhere;font-size:.82rem}.password-panel{border-top:1px solid #e6e9e8;gap:12px;padding-top:12px;display:grid}.password-field-row{grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:12px;display:grid}.password-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.password-checks{color:#6c4d21;grid-template-columns:repeat(2,minmax(180px,1fr));gap:6px 12px;margin:0;padding:0;font-size:.86rem;list-style:none;display:grid}.password-checks li{align-items:center;gap:7px;display:flex}.password-checks li.passed{color:#1f6c3a}.member-transfer{border-top:1px solid #e6e9e8;gap:10px;padding-top:12px;display:grid}.member-transfer-grid{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:stretch;gap:12px;display:grid}.member-pane{grid-template-rows:auto auto minmax(220px,1fr);gap:8px;min-width:0;display:grid}.member-pane h4{margin:0;font-size:.92rem}.member-list{background:#fbfcfb;border:1px solid #d7dddc;border-radius:6px;min-height:220px;max-height:320px;overflow:auto}.member-list .muted{margin:10px}.member-row{border-bottom:1px solid #e6e9e8;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:9px;padding:9px 10px;font-size:.84rem;font-weight:500;display:grid}.member-row input{width:auto;margin-top:2px}.member-row>span{gap:2px;min-width:0;display:grid}.member-row strong{overflow-wrap:anywhere}.member-transfer-actions{flex-direction:column;justify-content:center;gap:8px;min-width:150px;display:flex}.transfer-dialog>*{min-width:0;max-width:100%}.transfer-dialog strong,.transfer-dialog span{overflow-wrap:anywhere;word-break:break-word}.transfer-dialog progress{width:100%;min-width:0}.communication-backdrop{z-index:30;cursor:progress;background:0 0;outline:none;place-items:center;display:grid;position:fixed;inset:0}.communication-spinner{border:4px solid #2f6f7a38;border-top-color:#2f6f7a;border-radius:50%;width:42px;height:42px;animation:.8s linear infinite communication-spin}@keyframes communication-spin{to{transform:rotate(360deg)}}@media (width<=820px){.grid.two,.grid.four{grid-template-columns:1fr}.brand-block{min-width:190px}.form-grid,.password-field-row,.password-checks,.member-transfer-grid{grid-template-columns:1fr}.password-actions{justify-content:flex-start}.member-transfer-actions{flex-flow:wrap;justify-content:flex-start}.app-shell{padding:16px}}
