.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.project-card{position:relative;min-height:235px;overflow:hidden;border:1px solid rgba(100,39,217,.1);border-radius:17px;background:linear-gradient(145deg,#fff,#f3eefc);padding:26px;text-align:left;cursor:pointer;box-shadow:0 8px 28px rgba(49,17,123,.045);transition:transform .2s,box-shadow .2s,border-color .2s}.project-card:hover{transform:translateY(-3px);border-color:rgba(100,39,217,.22);box-shadow:0 18px 36px rgba(49,17,123,.11)}.project-number{position:absolute;right:22px;top:16px;color:rgba(49,17,123,.08);font-size:52px;font-weight:900}.project-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,#6427d9,#ad18bf);color:#fff;font-size:21px;box-shadow:0 10px 22px rgba(100,39,217,.18)}.project-card h2{margin:26px 0 8px;font-size:22px}.project-card p{margin:0;color:#777d89;font-size:10px}.project-enter{position:absolute;left:26px;bottom:24px;color:#4e229d;font-size:9px;font-weight:700}.back-button{align-self:flex-start;border:1px solid #e5e6eb;border-radius:8px;background:#fff;color:#6427d9;padding:8px 12px;margin-bottom:16px;font-size:9px;cursor:pointer}.empty-list-canvas{flex:1;min-height:480px;margin-top:18px;border:1px solid #e5e6eb;border-radius:15px;background:#fff;box-shadow:0 4px 18px rgba(31,34,48,.025);display:grid;place-items:center;text-align:center}.empty-list-canvas b{font-size:14px;color:#4d5060}.empty-list-canvas p{margin:7px 0 0;color:#969aa4;font-size:9px}
.admin-view{max-width:1180px;margin:0 auto}.admin-heading{margin:8px 0 26px}.admin-heading>span{color:#6427d9;font-size:8px;font-weight:800;letter-spacing:.18em}.admin-heading h1{margin:8px 0 6px;font-size:30px;letter-spacing:-.04em}.admin-heading p{margin:0;color:#777d89;font-size:11px}.admin-panel{border:1px solid #e5e6eb;border-radius:16px;background:#fff;padding:24px;margin-bottom:20px;box-shadow:0 7px 28px rgba(31,34,48,.035)}.panel-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-title h2{margin:0;font-size:16px}.panel-title p{margin:6px 0 0;color:#777d89;font-size:9px;line-height:1.6}.panel-title>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:#f0eafa;color:#6427d9;font-size:20px}.account-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.account-form>label,.account-editor-field{display:flex;flex-direction:column;gap:7px;color:#373944;font-size:9px;font-weight:700}.account-form input,.account-editor input{width:100%;height:43px;border:1px solid #dedfe5;border-radius:9px;background:#fbfbfd;padding:0 12px;color:#20212b;font-size:10px;outline:0}.account-form input:focus,.account-editor input:focus{border-color:#8e4ade;box-shadow:0 0 0 3px rgba(100,39,217,.09);background:#fff}.account-form small{color:#969aa4;font-size:7px;font-weight:400}.permission-field{grid-column:1/-1;border:0;padding:0;margin:0}.permission-field legend,.account-permission-block>b{display:block;margin-bottom:9px;color:#373944;font-size:9px;font-weight:700}.permission-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.permission-options label{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #e5e6eb;border-radius:9px;background:#faf9fd;padding:0 11px;color:#5f626d;font-size:9px;cursor:pointer}.permission-options input{width:14px;height:14px;accent-color:#6427d9}.permission-options label:has(input:checked){border-color:rgba(100,39,217,.32);background:#f2ecfd;color:#4e229d}.form-actions{grid-column:1/-1;min-height:44px;display:flex;align-items:center;justify-content:flex-end;gap:16px;border-top:1px solid #ececf0;padding-top:16px}.form-actions p{margin:0 auto 0 0;color:#347d5d;font-size:9px}.form-actions p.error,.save-status.error,.account-empty.error{color:#cf455b}.form-actions button,.save-account-button{border:0;border-radius:9px;background:linear-gradient(100deg,#6427d9,#ad18bf);color:#fff;padding:11px 19px;font-size:9px;font-weight:700;cursor:pointer;box-shadow:0 8px 18px rgba(100,39,217,.16)}.form-actions button:disabled,.save-account-button:disabled{opacity:.55;cursor:wait}.secondary-button{border:1px solid #dedfe5;border-radius:8px;background:#fff;color:#6427d9;padding:8px 12px;font-size:8px;cursor:pointer}.account-list{display:flex;flex-direction:column;gap:12px}.account-list[aria-busy=true]{min-height:90px;opacity:.55}.account-card{border:1px solid #e5e6eb;border-radius:13px;background:#fcfcfe;padding:17px}.account-card.inactive{background:#f8f8fa;opacity:.78}.account-card-header{display:flex;align-items:center;justify-content:space-between;gap:14px}.account-identity{display:flex;align-items:center;gap:11px}.account-avatar{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#e7ddfb,#f4def7);color:#6427d9;font-size:12px;font-weight:800}.account-identity h3{margin:0;font-size:11px}.account-identity p{margin:4px 0 0;color:#8b8f99;font-size:8px}.account-badge{border-radius:99px;background:#eaf7f0;color:#2f8059;padding:5px 9px;font-size:7px;font-weight:700}.account-badge.admin{background:#eee7fb;color:#6427d9}.locked-permissions{margin-top:14px;border-radius:10px;background:#f5f1fc;padding:12px 14px}.locked-permissions b{font-size:9px;color:#512397}.locked-permissions p{margin:4px 0 0;color:#817989;font-size:8px}.account-editor{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px;padding-top:16px;border-top:1px solid #ececf0}.account-permission-block{grid-column:1/-1}.permission-options.compact{grid-template-columns:repeat(4,minmax(0,1fr))}.permission-options.compact label{min-height:38px}.permission-options.compact input{width:13px;height:13px}.account-editor-footer{grid-column:1/-1;display:flex;align-items:center;gap:12px}.active-toggle{display:flex;align-items:center;gap:7px;color:#555965;font-size:9px;cursor:pointer}.active-toggle input{width:14px;height:14px;accent-color:#6427d9}.save-status{margin-left:auto;color:#347d5d;font-size:8px}.save-account-button{padding:9px 14px}.account-empty{margin:0;padding:24px;text-align:center;color:#8c9099;font-size:9px}
@media(max-width:930px){.account-form{grid-template-columns:1fr 1fr}.account-form>label:last-of-type{grid-column:1/-1}.permission-options,.permission-options.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.project-grid{grid-template-columns:1fr}}
@media(max-width:680px){.admin-panel{padding:18px}.admin-heading h1{font-size:26px}.account-form,.account-editor{grid-template-columns:1fr}.account-form>label:last-of-type,.permission-field,.form-actions,.account-permission-block,.account-editor-footer{grid-column:1}.permission-options,.permission-options.compact{grid-template-columns:1fr 1fr}.form-actions{align-items:flex-start;flex-direction:column}.form-actions p{margin:0}.form-actions button{width:100%}.account-editor-footer{flex-wrap:wrap}.save-status{margin-left:0}.save-account-button{margin-left:auto}.project-card{min-height:210px}.empty-list-canvas{min-height:420px}}
@media(max-width:430px){.permission-options,.permission-options.compact{grid-template-columns:1fr}.account-card-header{align-items:flex-start}.account-editor-footer{align-items:flex-start;flex-direction:column}.save-account-button{width:100%;margin-left:0}.panel-title{align-items:center}.panel-title p{max-width:240px}}

/* Three-level account access */
.account-form select,.account-editor select{width:100%;height:43px;border:1px solid #dedfe5;border-radius:9px;background:#fbfbfd;padding:0 12px;color:#20212b;font-size:10px;outline:0}
.account-form select:focus,.account-editor select:focus{border-color:#8e4ade;box-shadow:0 0 0 3px rgba(100,39,217,.09);background:#fff}
.account-form small{line-height:1.55}
.permission-options label:has(input:disabled){cursor:not-allowed;opacity:.72}
.account-badge.read-only{background:#fff1dd;color:#9b671c}
.account-card.inactive .account-badge{background:#ececf0;color:#747985}

/* Parent module and child project permissions */
.permission-tree{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.permission-module-group{overflow:hidden;border:1px solid #e5e6eb;border-radius:11px;background:#fbfafd}.permission-module-parent{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 13px;background:#f7f3fd;color:#492083;font-size:10px;font-weight:800;cursor:pointer}.permission-module-parent input,.permission-project-options input{width:14px!important;height:14px!important;min-width:14px;padding:0;accent-color:#6427d9}.permission-module-parent small{margin-left:auto;color:#8d829d;font-size:7px;font-weight:500}.permission-module-group:has(.permission-module-parent input:checked) .permission-module-parent{background:#efe7fc}.permission-module-group.partially-selected .permission-module-parent{box-shadow:inset 3px 0 #8e4ade}.permission-project-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px}.permission-project-options label{display:flex;align-items:center;gap:8px;min-height:35px;border:1px solid #e8e4ed;border-radius:8px;background:#fff;padding:7px 9px;color:#65616d;font-size:8px;line-height:1.35;cursor:pointer}.permission-project-options label:has(input:checked){border-color:rgba(100,39,217,.32);background:#f4effd;color:#4e229d}.permission-tree label:has(input:disabled){cursor:not-allowed;opacity:.6}.permission-tree.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.permission-tree.compact .permission-module-parent{min-height:40px}.permission-tree.compact .permission-project-options{padding:8px}
@media(max-width:930px){.permission-tree,.permission-tree.compact{grid-template-columns:1fr}.permission-project-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.permission-project-options{grid-template-columns:1fr}}