:root{color:#193044;font-synthesis:none;text-rendering:optimizelegibility;--navy-950:#071b33;--navy-900:#0b2a4f;--navy-800:#123d6b;--teal:#1976d2;--teal-dark:#0d5fb8;--teal-soft:#e7f1fc;--line:#dce4e9;--muted:#6a7d8d;--surface:#fff;--danger:#c53b4a;--shadow:0 8px 30px #0d243814;background:#f3f6f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;font-size:16px;line-height:1.5}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.035em;color:#10283b;margin-bottom:.35rem;font-size:clamp(1.75rem,3vw,2.35rem);line-height:1.12}h2{color:#153047;margin-bottom:.25rem;font-size:1.2rem;line-height:1.25}h3{color:#153047;margin-bottom:.25rem}.app-shell{min-height:100vh}.sidebar{z-index:40;background:var(--navy-950);color:#d5e3ed;flex-direction:column;width:260px;padding:22px 15px 16px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid #ffffff14;align-items:center;gap:11px;min-height:48px;padding:0 8px 21px;display:flex}.brand>span:nth-child(2){line-height:1.2;display:grid}.brand strong,.mobile-brand{color:#fff;letter-spacing:-.01em;font-size:1.1rem}.brand small{color:#7f99ad;margin-top:3px;font-size:.75rem}.brand-mark{background:var(--teal);color:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:0 5px 16px #1976d247}.brand-mark.large{border-radius:14px;width:50px;height:50px}.main-nav{gap:6px;margin-top:22px;display:grid}.nav-item{color:#9db1bf;border-radius:9px;align-items:center;gap:12px;min-height:46px;padding:0 13px;font-size:.92rem;font-weight:600;transition:all .18s;display:flex;position:relative}.nav-item:hover{color:#fff;background:#ffffff0d}.nav-item.active{color:#8cc4f7;background:#1976d229}.nav-item.active:before{content:"";background:#64a8ed;border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:-15px}.nav-badge{color:#fff;text-align:center;background:#e64b5c;border-radius:999px;min-width:22px;margin-left:auto;padding:2px 6px;font-size:.75rem}.sidebar-account{border-top:1px solid #ffffff14;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;margin-top:auto;padding:15px 6px 2px;display:grid}.account-copy{min-width:0;line-height:1.25;display:grid}.account-copy strong{color:#eef6fa;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;overflow:hidden}.account-copy small{color:#7890a2;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:.7rem;overflow:hidden}.avatar{color:#195f9f;text-transform:uppercase;background:#e1eef9;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:.78rem;font-weight:800;display:grid}.avatar.small{width:31px;height:31px;font-size:.65rem}.avatar-stack{padding-left:9px;display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-9px}.main-content{min-height:100vh;margin-left:260px}.mobile-header{display:none}.sidebar-close{display:none!important}.page{width:min(1540px,100%);min-height:100vh;margin:0 auto;padding:38px 38px 60px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-header p{color:var(--muted);margin-bottom:0}.eyebrow{letter-spacing:.1em;text-transform:uppercase;font-size:.77rem;font-weight:800;color:var(--teal-dark)!important;margin-bottom:.35rem!important}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button{border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 17px;font-size:.9rem;font-weight:750;transition:all .15s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button.primary{background:var(--teal);color:#fff;box-shadow:0 5px 13px #1976d22e}.button.primary:hover:not(:disabled){background:var(--teal-dark)}.button.secondary{color:#254258;background:#fff;border-color:#c9d7df}.button.secondary:hover:not(:disabled),.button.ghost:hover:not(:disabled){background:#f2f7f8}.button.ghost{color:#566b7b;background:0 0;border-color:#0000}.button.small{min-height:36px;padding:0 12px;font-size:.8rem}.button.full{width:100%}.icon-button{color:#466073;background:#edf3f5;border:0;border-radius:8px;flex:none;place-items:center;width:38px;height:38px;display:inline-grid}.icon-button:hover{background:#dfeaec}.icon-button.dark{color:#b4c5d0;background:#ffffff0f}.icon-button.dark:hover{color:#fff;background:#ffffff1f}.icon-button.compact{width:32px;height:32px}.icon-button.danger{color:var(--danger)}.content-card{background:var(--surface);border:1px solid #e1e8ec;border-radius:13px;box-shadow:0 2px 10px #0d243809}.section-toolbar,.section-title,.matrix-toolbar{justify-content:space-between;align-items:center;gap:20px;display:flex}.section-toolbar{border-bottom:1px solid #e8edf0;padding:20px 22px}.section-toolbar>div,.section-title{min-width:0}.section-toolbar h2,.section-title h2{margin:0}.section-toolbar span,.section-title>span,.matrix-toolbar p{color:var(--muted);font-size:.82rem}.section-title{border-bottom:1px solid #e7edf0;padding:18px}.search-box{color:#7e909d;background:#f9fbfc;border:1px solid #d8e1e6;border-radius:9px;align-items:center;gap:9px;width:min(330px,100%);min-height:42px;padding:0 12px;display:flex}.search-box:focus-within{border-color:#5d9fe0;box-shadow:0 0 0 3px #1976d21a}.search-box input{color:#1d3447;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.88rem}.loading-block,.full-loader{min-height:240px;color:var(--muted);justify-content:center;align-items:center;gap:11px;display:flex}.loading-block.compact{min-height:100px}.full-loader{min-height:100vh}.page-loader{margin-left:260px}.spinner{border:3px solid #c9def2;border-top-color:var(--teal);border-radius:50%;width:23px;height:23px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:#91a1ad;text-align:center;align-content:center;place-items:center;min-height:280px;padding:35px;display:grid}.empty-state h2,.empty-state h3{margin:12px 0 4px}.empty-state p{margin:0;font-size:.9rem}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stat-card{background:#fff;border:1px solid #e0e8ec;border-radius:12px;align-items:center;gap:13px;min-width:0;padding:18px;display:flex}.stat-icon{border-radius:11px;flex:none;place-items:center;width:44px;height:44px;display:grid}.stat-icon svg{width:21px}.stat-icon.teal,.setting-icon.teal{color:#1769aa;background:#e3f0fc}.stat-icon.blue,.setting-icon.blue{color:#3979ae;background:#e2effa}.stat-icon.violet{color:#7660b8;background:#ece8fa}.stat-icon.amber{color:#b67a23;background:#fbefdc}.stat-card div{min-width:0;display:grid}.stat-card strong{color:#173247;font-size:1.45rem;line-height:1.15}.stat-card span:last-child{color:var(--muted);white-space:nowrap;font-size:.78rem}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:18px;display:grid}.project-card{background:#fff;border:1px solid #e0e7eb;border-radius:11px;flex-direction:column;min-height:220px;padding:18px;transition:all .18s;display:flex}.project-card:hover{box-shadow:var(--shadow);border-color:#8fbbe6;transform:translateY(-2px)}.project-card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.project-code{color:#0d5fb8;letter-spacing:.035em;background:#e4f0fb;border-radius:5px;align-items:center;width:fit-content;min-height:25px;padding:2px 8px;font-size:.74rem;font-weight:850;display:inline-flex}.status-pill{color:#3477ad;background:#eaf3fb;border-radius:999px;align-items:center;gap:5px;width:fit-content;padding:3px 8px;font-size:.71rem;font-weight:750;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.status-pill.archived,.status-pill.inactive{color:#7c8993;background:#f0f2f4}.project-card h3{margin-bottom:7px;font-size:1.02rem}.project-card>p,.project-card-link>p{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.82rem;display:-webkit-box;overflow:hidden}.project-meta{color:#7a8d9b;border-top:1px solid #edf1f3;align-items:center;gap:14px;margin-top:auto;padding-top:14px;font-size:.78rem;display:flex}.project-meta>span{align-items:center;gap:5px;display:flex}.open-project{color:var(--teal-dark);margin-left:auto;font-weight:750}label{color:#385064;gap:6px;font-size:.8rem;font-weight:700;display:grid}input,select,textarea{color:#1a3346;background:#fff;border:1px solid #d4dfe5;border-radius:8px;outline:0;width:100%;font-size:.9rem}input,select{min-height:42px;padding:0 11px}textarea{resize:vertical;padding:10px 11px}input:focus,select:focus,textarea:focus{border-color:#4b91d1;box-shadow:0 0 0 3px #1976d21a}input:disabled,select:disabled{color:#7c8b95;background:#f5f7f8}input[type=checkbox]{width:17px;height:17px;min-height:auto;accent-color:var(--teal)}.form-stack{gap:16px;display:grid}.form-grid{gap:14px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.grow{flex:1}.checkbox-row{align-items:center;gap:8px;font-size:.82rem;display:flex}.field-heading{margin-bottom:10px;display:grid}.field-heading strong{color:#263e51;font-size:.84rem}.field-heading span{color:var(--muted);font-size:.77rem}.alert{border-radius:8px;padding:11px 13px;font-size:.84rem}.alert-error{color:#9c2e3a;background:#fff1f2;border:1px solid #f1c5ca}.alert-info{color:#1f5f99;background:#eef6fd;border:1px solid #bcd8f0}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#07152094;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:min(580px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 24px 80px #02101b4d}.modal-wide{width:min(1400px,94vw);max-height:90vh}.modal-header{z-index:2;background:#fff;border-bottom:1px solid #e2e9ed;justify-content:space-between;align-items:center;padding:17px 20px;display:flex;position:sticky;top:0}.modal-header h2{margin:0}.modal-body{padding:20px}.modal-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.member-picker{border:1px solid #dfe7eb;border-radius:10px;overflow:hidden}.member-picker>.field-heading{padding:13px 14px 9px}.member-list{border-top:1px solid #e9eef1;max-height:290px;overflow:auto}.member-empty{color:var(--muted);text-align:center;padding:18px 14px;font-size:.8rem}.member-row{border-bottom:1px solid #eef2f4;justify-content:space-between;align-items:center;gap:12px;min-height:62px;padding:8px 12px;display:flex}.member-row:last-child{border-bottom:0}.member-row.selected{background:#f4f9fe}.member-identity{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.member-identity>span:last-child{min-width:0;display:grid}.member-identity strong{color:#253e51;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.member-identity small{color:var(--muted);font-size:.72rem}.member-row select{width:200px;min-height:36px;font-size:.78rem}.template-alert{margin:16px 18px 0}.login-page{background:#f2f6f8;grid-template-columns:minmax(420px,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-panel{color:#fff;background:radial-gradient(circle at 80% 20%,#458cd638,#0000 34%),linear-gradient(145deg,#071925,#102f44);flex-direction:column;justify-content:space-between;padding:48px clamp(42px,6vw,92px);display:flex;position:relative;overflow:hidden}.login-panel:after{content:"";border:1px solid #64a8ed2e;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-160px;right:-140px;box-shadow:0 0 0 70px #64a8ed0a,0 0 0 140px #64a8ed06}.login-brand{z-index:1;align-items:center;gap:12px;display:flex;position:relative}.login-brand>div{display:grid}.login-brand strong{font-size:1.2rem}.login-brand span:last-child{color:#8fa8b9;font-size:.76rem}.login-copy{z-index:1;max-width:600px;position:relative}.login-copy h1{color:#fff;letter-spacing:-.055em;font-size:clamp(2.4rem,5vw,4.3rem)}.login-copy>p:last-child{color:#9db2c0;max-width:530px;font-size:1.05rem}.login-feature-row{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.login-feature-row span{color:#b7c8d3;background:#ffffff0b;border:1px solid #ffffff1f;border-radius:7px;padding:7px 10px;font-size:.75rem}.login-form-wrap{place-items:center;padding:32px;display:grid}.login-card{width:min(430px,100%);box-shadow:var(--shadow);background:#fff;border:1px solid #e0e7eb;border-radius:16px;padding:34px}.login-card header{margin-bottom:24px}.login-card header h2{margin-bottom:5px;font-size:1.6rem}.login-card header p{color:var(--muted);font-size:.88rem}.login-card>label{margin-top:15px}.input-with-icon{align-items:center;display:flex;position:relative}.input-with-icon>svg{color:#8b9ca8;position:absolute;left:12px}.input-with-icon input{padding-left:40px}.password-toggle{color:#8394a0;background:0 0;border:0;place-items:center;width:34px;height:34px;display:grid;position:absolute;right:5px}.login-card .button{margin-top:20px}.development-note{color:#8a99a4;text-align:center;margin-top:15px;font-size:.72rem;display:block}.template-layout{grid-template-columns:270px minmax(0,1fr);align-items:start;gap:16px;display:grid}.template-list{position:sticky;top:20px;overflow:hidden}.template-list-item{width:100%;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 13px;display:grid}.template-list-item:hover{background:#f6fafb}.template-list-item.active{background:var(--teal-soft)}.template-list-item>span:nth-child(2){min-width:0;display:grid}.template-list-item strong{color:#294154;text-overflow:ellipsis;white-space:nowrap;font-size:.79rem;overflow:hidden}.template-list-item small{color:var(--muted);font-size:.7rem}.template-icon{color:#547184;background:#edf3f5;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.template-list-item.active .template-icon{color:var(--teal-dark);background:#d9eafd}.default-check{background:var(--teal);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.template-workspace{min-width:0;overflow:hidden}.template-details{border-bottom:1px solid #e6ecef;align-items:flex-end;gap:12px;padding:18px;display:flex}.default-toggle{white-space:nowrap;height:42px}.matrix-section{min-width:0}.matrix-toolbar{padding:17px 18px}.matrix-toolbar h2,.matrix-toolbar h3{margin:0 0 3px}.matrix-toolbar p{margin:0}.permission-table-wrap{border-top:1px solid #e4eaee;width:100%;overflow:auto}.permission-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%}.permission-table th,.permission-table td{text-align:left;background:#fff;border-bottom:1px solid #e7ecef;border-right:1px solid #e7ecef;min-width:142px;height:52px;padding:7px 9px;font-size:.77rem}.permission-table th{z-index:3;color:#526878;white-space:nowrap;background:#f4f7f8;height:48px;font-size:.72rem;font-weight:800;position:sticky;top:0}.permission-table .folder-column{z-index:2;width:280px;min-width:280px;max-width:280px;position:sticky;left:0;box-shadow:6px 0 10px #0d243806}.permission-table th.folder-column{z-index:4;background:#f4f7f8}.permission-table .actions-column{width:80px;min-width:80px}.template-matrix-toolbar{flex-wrap:wrap;justify-content:flex-start}.template-professions-toolbar{background:#f7faff;border-top:1px solid #e4eaee;justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.template-professions-toolbar strong{color:#264363;font-size:.85rem}.template-professions-toolbar p{max-width:650px;color:var(--muted);margin:5px 0 0;font-size:.78rem;line-height:1.5}.template-professions-toolbar label{min-width:230px;max-width:100%}.template-profession-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.template-permission-table .actions-column{z-index:3;box-sizing:border-box;background:#f7faff;width:84px;min-width:84px;max-width:84px;position:sticky;left:0}.template-permission-table th.actions-column{z-index:5;background:#f0f5fd}.template-permission-table .folder-column{left:84px}.template-permission-table .table-actions{gap:4px;display:flex}.template-permission-table .icon-button.compact{flex-shrink:0}.template-empty-hint{color:var(--muted);padding:16px 18px;font-size:.85rem}@media (width<=700px){.template-professions-toolbar{flex-direction:column;align-items:stretch}.template-professions-toolbar label{width:100%;min-width:0}.permission-table.template-permission-table .folder-column{width:180px;min-width:180px;max-width:180px}}.folder-edit{align-items:center;gap:4px;display:flex}.folder-edit input{background:0 0;border-color:#0000;min-height:36px;font-size:.78rem;font-weight:650}.folder-edit input:focus{background:#fff;border-color:#5d9fe0}.tree-connector{color:#95a5b0;flex:none}.access-select{border:1px solid #d9e2e7;border-radius:7px;min-width:124px;min-height:34px;padding:0 26px 0 9px;font-size:.74rem}.access-read{color:#276890;background:#edf6fc;border-color:#b8d3e8}.access-write{color:#1769aa;background:#e7f2fc;border-color:#a9cceb}.access-none{color:#7a8994;background:#f6f8f9}.access-inherit{color:#6b7e8c;background:#fff;border-style:dashed}.table-actions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.matrix-folder{white-space:nowrap;align-items:center;gap:6px;font-weight:650;display:flex}.subject-heading{align-items:center;gap:5px;display:flex}.project-page{width:100%;max-width:none;padding-top:0}.project-header{background:#fff;border-bottom:1px solid #dfe6ea;margin:0 -38px 22px;padding:27px 38px 0}.back-link{color:#597082;align-items:center;gap:7px;margin-bottom:20px;font-size:.8rem;font-weight:700;display:inline-flex}.project-title-row{justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.project-title-row h1{margin-top:8px}.project-title-row p{color:var(--muted);margin-bottom:0}.project-team-preview{color:var(--muted);align-items:center;gap:9px;padding-bottom:5px;font-size:.78rem;display:flex}.tabs{gap:5px;margin-top:25px;display:flex}.tabs button{color:#6b7d8a;background:0 0;border:0;align-items:center;gap:7px;min-height:47px;padding:0 13px;font-size:.82rem;font-weight:750;display:inline-flex;position:relative}.tabs button.active{color:var(--teal-dark)}.tabs button.active:after{background:var(--teal);content:"";border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:8px;right:8px}.files-layout{grid-template-columns:290px minmax(0,1fr);align-items:start;gap:16px;display:grid}.folder-tree{position:sticky;top:15px;overflow:hidden}.folder-tree-title>div{align-items:baseline;gap:8px;min-width:0;display:flex}.folder-tree-title>div>span{color:var(--muted);font-size:.78rem}.tree-list{padding:7px 0 10px}.folder-tree-item{color:#536a79;text-align:left;background:#fff;border:0;align-items:center;gap:7px;width:100%;min-height:39px;padding-right:10px;font-size:.78rem;display:flex}.folder-tree-item:hover{background:#f3f8f9}.folder-tree-item.active{color:#145f9e;background:#e3f0fc;font-weight:750}.folder-tree-item>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-spacer{flex:none;width:15px}.file-browser{min-width:0;overflow:hidden}.file-toolbar{border-bottom:1px solid #e5ebee;justify-content:space-between;align-items:center;gap:18px;padding:18px 20px;display:flex}.file-toolbar h2{margin:1px 0 2px}.file-toolbar span,.breadcrumb{color:var(--muted);margin:0;font-size:.75rem}.breadcrumb{color:#2b6fad}.drop-empty{color:#9aabb6;text-align:center;align-content:center;place-items:center;min-height:320px;display:grid}.drop-empty h3{margin:12px 0 4px}.drop-empty p{color:#8394a0;font-size:.84rem}.file-list-head,.file-row{grid-template-columns:minmax(260px,1fr) 90px 100px 150px 82px;align-items:center;gap:10px;display:grid}.file-list-head{color:#70828f;text-transform:uppercase;background:#f7f9fa;border-bottom:1px solid #e7edef;min-height:42px;padding:0 16px;font-size:.7rem;font-weight:800}.file-row{color:#667987;border-bottom:1px solid #edf1f3;min-height:64px;padding:7px 16px;font-size:.78rem}.file-row:hover{background:#fafcfc}.file-name{align-items:center;gap:10px;min-width:0;display:flex}.file-name>span:last-child{min-width:0;display:grid}.file-name strong{color:#263f51;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-name small{color:#8b9aa5;font-size:.69rem}.file-icon{color:#4d7f98;background:#e9f2f5;border-radius:8px;flex:none;place-items:center;width:35px;height:35px;display:grid}.version-pill{color:#5d7180;background:#eff3f5;border-radius:6px;padding:2px 7px;font-size:.69rem;font-weight:750;display:inline-flex}.project-matrix-card,.members-card,.history-card{overflow:hidden}.permission-view-bar{background:#f8fafb;border-top:1px solid #e6ecef;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.permission-view-bar>span{color:var(--muted);text-align:right;font-size:.74rem}.permission-view-switch{background:#fff;border:1px solid #d9e3e7;border-radius:9px;padding:3px;display:inline-flex}.permission-view-switch button{color:#687d8b;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:.75rem;font-weight:750;display:inline-flex}.permission-view-switch button.active{background:var(--teal-soft);color:var(--teal-dark);box-shadow:inset 0 0 0 1px #b9d6f2}.user-permission-picker{background:#fff;border-top:1px solid #e4eaee;grid-template-columns:minmax(260px,1fr) minmax(230px,1fr) minmax(260px,1.2fr);align-items:end;gap:16px;padding:16px 18px;display:grid}.user-permission-picker>label{color:#385064;gap:6px;font-size:.75rem;font-weight:750;display:grid}.user-permission-picker select{min-height:40px;font-size:.78rem}.user-permission-picker>p{color:var(--muted);margin:0;font-size:.74rem;line-height:1.45}.selected-user-summary{align-items:center;gap:10px;min-width:0;display:flex}.selected-user-summary>span:last-child{min-width:0;display:grid}.selected-user-summary strong{color:#294255;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.selected-user-summary small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.user-permission-table th:nth-child(2),.user-permission-table td:nth-child(2){min-width:205px}.user-permission-table th:nth-child(3),.user-permission-table td:nth-child(3){min-width:165px}.user-permission-table th:nth-child(4),.user-permission-table td:nth-child(4){min-width:190px}.inherit-checkbox{color:#526b7c;cursor:pointer;align-items:center;gap:7px;font-size:.74rem;font-weight:700;display:inline-flex}.inherit-checkbox.disabled{color:#9aa8b1;cursor:default}.effective-access{border:1px solid #d9e2e7;border-radius:7px;gap:1px;min-width:145px;padding:6px 9px;display:inline-grid}.effective-access strong{font-size:.73rem}.effective-access small{color:currentColor;opacity:.75;font-size:.64rem}.permission-empty{color:#94a5af;text-align:center;align-content:center;place-items:center;min-height:260px;padding:30px;display:grid}.permission-empty h3{color:#40596a;margin:10px 0 3px}.permission-empty p{margin:0;font-size:.8rem}.bulk-user-permission-picker{background:#fff;border-top:1px solid #e4eaee;padding:16px 18px}.bulk-user-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.bulk-user-header>div:first-child{gap:3px;display:grid}.bulk-user-header strong{color:#29475d}.bulk-user-header span{color:var(--muted);font-size:.76rem}.bulk-user-actions{gap:8px;display:flex}.bulk-user-list{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:8px;max-height:260px;padding:2px;display:grid;overflow:auto}.bulk-user-chip{cursor:pointer;background:#fff;border:1px solid #dfe7eb;border-radius:9px;align-items:center;gap:9px;min-width:0;padding:9px 10px;display:flex}.bulk-user-chip.selected{background:#eef6fd;border-color:#8bbbe3;box-shadow:inset 0 0 0 1px #c9e1f5}.bulk-user-chip>span:last-child{min-width:0;display:grid}.bulk-user-chip strong{color:#29475d;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.bulk-user-chip small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.69rem;overflow:hidden}.bulk-selection-summary{color:#526878;background:#f4f8fb;border-radius:8px;align-items:center;gap:6px;margin-top:12px;padding:9px 11px;font-size:.76rem;display:flex}.bulk-scope{gap:2px;display:grid}.bulk-scope strong{color:#29475d;font-size:.76rem}.bulk-scope small{color:var(--muted);font-size:.69rem}.history-tools{align-items:center;gap:9px;display:flex}.history-filter{color:#718390;background:#fff;border:1px solid #d4dfe5;border-radius:8px;align-items:center;gap:7px;min-height:36px;padding-left:10px;display:flex}.history-filter select{min-height:34px;box-shadow:none;border:0;font-size:.78rem}.history-list{display:grid}.history-row{border-top:1px solid #e9eef1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;min-height:84px;padding:12px 18px;display:grid}.history-row:hover{background:#fafcfc}.history-event-icon{color:#5d73a4;background:#e9eef7;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.history-event-icon.folder{color:#246da8;background:#e7f2fc}.history-event-icon.file{color:#477f9d;background:#e8f2f7}.history-copy{min-width:0;display:grid}.history-copy strong{color:#263e51;font-size:.84rem}.history-copy p{color:#5f7483;text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:.78rem;overflow:hidden}.history-copy>span,.history-row time{color:#8797a2;font-size:.7rem}.history-copy b{color:#586d7c}.history-row time{white-space:nowrap}.member-management-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;display:grid}.member-management-row{border:1px solid #e1e8ec;border-radius:9px;justify-content:space-between;align-items:center;gap:12px;min-height:70px;padding:10px 12px;display:flex}.member-management-row.selected{background:#f3f8fd;border-color:#a9cceb}.member-management-row>label{cursor:pointer;align-items:center;gap:9px;min-width:0;display:flex}.member-management-row label>span:last-child{min-width:0;display:grid}.member-management-row strong{color:#2d4557;font-size:.8rem}.member-management-row small{color:var(--muted);font-size:.7rem}.member-management-row select{width:190px;min-height:36px;font-size:.76rem}.user-table-head,.user-table-row{grid-template-columns:minmax(240px,1.2fr) minmax(150px,.8fr) minmax(190px,1fr) 105px 45px;align-items:center;gap:14px;padding:0 18px;display:grid}.user-table-head{color:#718390;text-transform:uppercase;background:#f6f8f9;border-bottom:1px solid #e4eaed;min-height:44px;font-size:.7rem;font-weight:800}.user-table-row{color:#5e7382;border-bottom:1px solid #edf1f3;min-height:70px;font-size:.8rem}.user-cell{align-items:center;gap:10px;min-width:0;display:flex}.user-cell>span:last-child{min-width:0;display:grid}.user-cell strong{color:#263e50;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-cell small{color:#82929e;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.role-list{flex-wrap:wrap;gap:4px;display:flex}.role-pill{color:#4c697c;background:#e9f1f4;border-radius:6px;padding:3px 7px;font-size:.68rem;font-weight:700}.inline-input{gap:8px;display:flex}.inline-input input{flex:1}fieldset{border:0;margin:0;padding:0}legend{color:#385064;margin-bottom:7px;font-size:.8rem;font-weight:700}.role-checkboxes{gap:8px;display:grid}.choice-card{cursor:pointer;border:1px solid #dfe7eb;border-radius:9px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px;padding:10px;display:grid}.choice-card:has(input:checked){background:#f0faf8;border-color:#92d0ca}.choice-card>svg{color:#568095;width:21px}.choice-card>span{display:grid}.choice-card strong{color:#2e4658;font-size:.78rem}.choice-card small{color:var(--muted);font-size:.7rem}.profession-table-head,.profession-table-row{grid-template-columns:minmax(280px,1.4fr) minmax(150px,.7fr) 90px 115px 45px;align-items:center;gap:14px;padding:0 18px;display:grid}.profession-table-head{color:#718390;text-transform:uppercase;background:#f6f8f9;border-bottom:1px solid #e4eaed;min-height:44px;font-size:.7rem;font-weight:800}.profession-table-row{color:#5e7382;border-bottom:1px solid #edf1f3;min-height:76px;font-size:.8rem}.profession-table-row code{color:#526b7d;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.profession-cell{align-items:center;gap:11px;min-width:0;display:flex}.profession-cell>span:last-child{min-width:0;display:grid}.profession-cell strong{color:#263e50;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.profession-cell small{color:#82929e;text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.profession-icon{color:#12877d;background:#e3f3f1;border-radius:10px;flex:none;place-items:center;width:40px;height:40px;display:grid}.notifications-card{overflow:hidden}.notification-list{display:grid}.notification-item{width:100%;min-height:82px;color:inherit;text-align:left;background:#fff;border:0;border-bottom:1px solid #e9eef1;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:13px;padding:13px 18px;display:grid}.notification-item:hover{background:#f8fbfb}.notification-item.unread{background:#f3f8fd}.notification-icon{color:#4d7d95;background:#e8f2f5;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.notification-icon.file{color:#12877d;background:#e3f3f1}.notification-icon.project{color:#6174b0;background:#e9edfa}.notification-icon svg{width:20px}.notification-copy{min-width:0;display:grid}.notification-copy>span{justify-content:space-between;align-items:center;gap:12px;display:flex}.notification-copy strong{color:#273f51;font-size:.85rem}.notification-copy time{color:#8a9aa5;font-size:.7rem}.notification-copy p{color:#647987;margin:3px 0 0;font-size:.79rem}.unread-marker{background:var(--teal);border-radius:50%;width:8px;height:8px}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.setting-card{gap:16px;min-height:230px;padding:22px;display:flex}.setting-icon{border-radius:12px;flex:none;place-items:center;width:48px;height:48px;display:grid}.setting-card>div{flex-direction:column;align-items:flex-start;display:flex}.setting-card p{color:var(--muted);font-size:.85rem}.setting-card .button{margin-top:auto}.setting-card small{color:#84949f;margin-top:9px;font-size:.72rem}.system-status-card{margin-top:16px;overflow:hidden}.status-list{display:grid}.status-row{border-bottom:1px solid #e9eef0;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:70px;padding:10px 18px;display:grid}.status-row-icon{color:#4c7588;background:#eaf2f4;border-radius:9px;place-items:center;width:39px;height:39px;display:grid}.status-row>span:nth-child(2){min-width:0;display:grid}.status-row strong{color:#2c4456;font-size:.82rem}.status-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.connection-status{align-items:center;gap:6px;font-size:.76rem;font-weight:750;display:flex}.connection-status svg{width:18px}.connection-status.ok{color:#258649}.connection-status.bad{color:#bd3d4b}.toast-stack{z-index:200;gap:8px;width:min(380px,100vw - 40px);display:grid;position:fixed;bottom:20px;right:20px}.toast{color:#2a4657;background:#fff;border:1px solid #c8dfdc;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 12px 12px 14px;font-size:.82rem;display:grid;box-shadow:0 12px 38px #06182533}.toast-success>svg{color:var(--teal-dark)}.toast-error{border-color:#efc0c5}.toast-error>svg{color:var(--danger)}@media (width<=1180px){.project-grid,.stats-row{grid-template-columns:repeat(2,minmax(0,1fr))}.template-layout{grid-template-columns:230px minmax(0,1fr)}.files-layout{grid-template-columns:250px minmax(0,1fr)}.file-list-head,.file-row{grid-template-columns:minmax(220px,1fr) 75px 90px 90px 75px}.member-management-list{grid-template-columns:1fr}}@media (width<=860px){.mobile-header{z-index:35;background:var(--navy-950);justify-content:space-between;align-items:center;height:60px;padding:0 13px;display:flex;position:sticky;top:0}.mobile-brand{align-items:center;gap:9px;font-size:.95rem;font-weight:750;display:flex}.mobile-brand .brand-mark{border-radius:8px;width:31px;height:31px}.sidebar{width:min(290px,86vw);transition:transform .2s;transform:translate(-105%)}.sidebar-open{transform:translate(0)}.sidebar-close{margin-left:auto;display:inline-grid!important}.drawer-overlay{z-index:38;background:#040f188c;border:0;position:fixed;inset:0}.main-content,.page-loader{margin-left:0}.page{padding:24px 16px 42px}.notification-link{position:relative}.notification-dot{border:2px solid var(--navy-950);color:#fff;background:#df4557;border-radius:50%;place-items:center;min-width:18px;height:18px;font-size:.62rem;display:grid;position:absolute;top:-3px;right:-3px}.login-page{grid-template-columns:1fr}.login-panel{min-height:290px;padding:28px}.login-copy{margin:50px 0 25px}.login-copy h1{font-size:clamp(2.2rem,10vw,3.6rem)}.login-feature-row{display:none}.login-form-wrap{padding:20px 16px 40px}.template-layout,.files-layout{grid-template-columns:1fr}.template-list,.folder-tree{position:static}.template-list{display:flex;overflow-x:auto}.template-list .section-title{display:none}.template-list-item{border-bottom:0;border-right:1px solid #edf1f3;flex:none;width:220px}.folder-tree{max-height:310px;overflow:auto}.project-header{margin:-24px -16px 18px;padding:22px 16px 0}.settings-grid{grid-template-columns:1fr}.user-table{overflow-x:auto}.user-table-head,.user-table-row{width:870px}.profession-table{overflow-x:auto}.profession-table-head,.profession-table-row{width:820px}}@media (width<=620px){h1{font-size:1.8rem}.page-header{flex-direction:column;align-items:stretch;gap:16px}.page-header>.button,.page-header>.button-row{align-self:stretch}.page-header>.button-row .button{flex:1}.section-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.stats-row{grid-template-columns:1fr 1fr;gap:9px}.stat-card{padding:13px}.stat-icon{width:39px;height:39px}.stat-card strong{font-size:1.2rem}.stat-card span:last-child{font-size:.7rem}.project-grid{grid-template-columns:1fr;padding:11px}.form-grid.two{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{border-radius:16px 16px 0 0;width:100%;max-height:93vh}.member-row{flex-direction:column;align-items:stretch}.member-row select{width:100%}.template-details{flex-direction:column;align-items:stretch}.default-toggle{height:auto}.matrix-toolbar,.permission-view-bar{flex-direction:column;align-items:stretch}.permission-view-bar>span{text-align:left}.permission-view-switch{align-self:stretch}.permission-view-switch button{flex:1;justify-content:center}.user-permission-picker{grid-template-columns:1fr;align-items:stretch}.history-tools{flex-direction:column;align-items:stretch}.history-filter select{flex:1}.history-row{grid-template-columns:auto minmax(0,1fr)}.history-row time{grid-column:2}.permission-table .folder-column{width:220px;min-width:220px;max-width:220px}.project-title-row{flex-direction:column;align-items:stretch}.project-team-preview{padding-bottom:0}.tabs{overflow-x:auto}.tabs button{flex:none}.file-toolbar{flex-direction:column;align-items:stretch}.file-list{overflow-x:auto}.file-list-head,.file-row{width:800px}.member-management-row{flex-direction:column;align-items:stretch}.member-management-row select{width:100%}.notification-copy>span{flex-direction:column;align-items:flex-start;gap:2px}.setting-card{min-height:260px}.status-row{grid-template-columns:auto minmax(0,1fr)}.connection-status{grid-column:2}.login-card{padding:25px 20px}.login-copy>p:last-child{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.project-header-actions{align-items:center;gap:18px;display:flex}.tree-actions{align-items:center;gap:6px;display:flex}.notice-summary{background:#f2f7fd;border:1px solid #c8ddf2;border-radius:10px;gap:2px;padding:12px 14px;display:grid}.notice-summary strong{color:#174f83}.notice-summary span{color:var(--muted);font-size:.78rem}.notice-files{background:#f8fbfe;border:1px solid #d7e4f0;border-radius:10px;gap:8px;padding:12px;display:grid}.notice-file{background:#fff;border:1px solid #e0eaf4;border-radius:8px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 9px;display:grid}.notice-file>span{display:grid}.notice-file strong{color:#294a69;font-size:.79rem}.notice-file small{color:var(--muted);font-size:.7rem}@media (width<=900px){.project-header-actions{flex-direction:column-reverse;align-items:flex-start;width:100%}}@media (width<=720px){.bulk-user-header{flex-direction:column;align-items:stretch}.bulk-user-actions{width:100%}.bulk-user-actions .button{flex:1}.bulk-user-list{grid-template-columns:1fr}}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.form-grid label{flex-direction:column;gap:6px;font-weight:600;display:flex}.form-grid input{border:1px solid var(--border,#d7e0ea);background:var(--surface,#fff);width:100%;color:inherit;border-radius:10px;padding:11px 12px}.button-row{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}@media (width<=760px){.form-grid{grid-template-columns:1fr}}.vendor-identity{color:var(--muted);text-align:center;border-top:1px solid #e7edf1;gap:3px;margin-top:22px;padding-top:16px;font-size:.75rem;display:grid}.vendor-identity strong{color:#294a69}.vendor-identity a{color:#1769aa;font-weight:600;text-decoration:none}.vendor-identity a:hover{text-decoration:underline}.sidebar-vendor{color:#8fa9bb;border-top:1px solid #ffffff14;gap:2px;margin-top:auto;padding:14px 7px 12px;font-size:.68rem;line-height:1.35;display:grid}.sidebar-vendor strong{color:#d5e3ed;font-size:.73rem}.sidebar-vendor a{color:#a9c9df;text-decoration:none}.sidebar-vendor a:hover{color:#fff;text-decoration:underline}.sidebar-vendor+.sidebar-account{margin-top:0}.project-card-link{color:inherit;flex:1;text-decoration:none;display:block}.project-card-actions{border-top:1px solid var(--border,#e2e8f0);justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding-top:12px;display:flex}.folder-tree-row{align-items:center;min-width:0;display:flex}.folder-tree-row .folder-tree-item{flex:1;min-width:0}.folder-tree-row .folder-tree-item span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.folder-remove{flex:none;margin-right:5px}.overview-folders{border:1px solid var(--border,#e2e8f0);border-radius:10px;max-height:55vh;overflow:auto}.overview-folder-row{border-bottom:1px solid var(--border,#e2e8f0);align-items:center;gap:12px;padding:12px 14px;display:flex}.overview-folder-row:last-child{border-bottom:0}.overview-folder-row>a{min-width:0;color:inherit;flex:1;text-decoration:none}.overview-folder-row strong,.overview-folder-row small{overflow-wrap:anywhere;display:block}.overview-folder-row small,.delete-detail{color:var(--text-muted,#64748b);font-size:13px;line-height:1.5}.overview-folder-row>svg,.overview-folder-row>button{flex-shrink:0}.project-card-link:focus-visible,.overview-folder-row a:focus-visible{outline-offset:4px;border-radius:4px;outline:2px solid #2563eb}.synology-project-storage{flex-direction:column;gap:12px;margin-bottom:20px;padding:20px 24px;display:flex}.synology-storage-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.synology-storage-heading h2{margin:0 0 6px;font-size:16px}.synology-storage-heading p{color:var(--text-muted,#667085);margin:0;font-size:13px}.synology-storage-heading .button{flex-shrink:0}.synology-path-label{gap:6px;font-size:13px;font-weight:600;display:grid}.synology-path{gap:8px;display:flex}.synology-path input{color:#1e293b;background:#f8fafc;border:1px solid #dce4eb;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-family:ui-monospace,monospace}.synology-project-storage>small{color:var(--text-muted,#667085);line-height:1.6}.synology-sync-result{color:#185a3b;background:#eaf6f0;border-radius:8px;flex-direction:column;gap:4px;padding:12px 16px;font-size:13px;display:flex}.synology-attach-fields{border:0;min-width:0;margin:0;padding:0}@media (width<=760px){.synology-storage-heading{flex-direction:column;align-items:stretch}.synology-path{flex-direction:column}.synology-project-storage{padding:16px}}.auto-refresh-status{color:#4b5563;border-top:1px solid #e6eaf0;align-items:flex-start;gap:9px;margin-top:14px;padding-top:12px;font-size:13px;display:flex}.auto-refresh-status svg{flex-shrink:0;margin-top:2px}.auto-refresh-status small{color:#64748b;margin-top:3px;display:block}.auto-refresh-ready{color:#16724b}.auto-refresh-error,.auto-refresh-offline{color:#9a5b10}
