body{color:#171a2d;background:#f7f8fc;margin:0;font-family:Outfit,system-ui,sans-serif}.auth-loading{color:#c8cce0;background:#0d1020;place-items:center;min-height:100vh;display:grid}.projects-page{min-height:100vh;display:flex}.sidebar{z-index:2;box-sizing:border-box;color:#a6acc5;background:#0d1020;width:238px;padding:28px 18px 20px;position:fixed;inset:0 auto 0 0}.brand{color:#fff;align-items:center;gap:10px;padding:0 12px 35px;font-size:25px;font-weight:700;text-decoration:none;display:flex}.brand img{width:36px;height:36px}.back-link,.sidebar nav a,.sign-out{box-sizing:border-box;color:#9ba2bf;text-align:left;width:100%;font:inherit;background:0 0;border:0;border-radius:9px;padding:11px 13px;font-size:14px;text-decoration:none;display:block}.back-link{color:#fff;background:#202646;margin-bottom:22px}.sidebar nav{gap:5px;display:grid}.sidebar nav a.active,.sidebar nav a:hover{color:#fff;background:#282d52}.sign-out{cursor:pointer;border-top:1px solid #242943;border-radius:0;width:auto;position:absolute;bottom:22px;left:18px;right:18px}.content{width:calc(100% - 238px);margin-left:238px;padding-top:72px}.topbar{z-index:1;box-sizing:border-box;color:#8c92a8;background:#fff;border-bottom:1px solid #e6e8f0;justify-content:space-between;align-items:center;height:72px;padding:0 42px;font-size:13px;display:flex;position:fixed;top:0;left:238px;right:0}.content-inner{max-width:1220px;margin:auto;padding:46px 42px 55px}.heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.eyebrow{color:#6670dd;letter-spacing:.14em;margin:0 0 8px;font-size:11px;font-weight:700}.heading h1{letter-spacing:-.035em;margin:0 0 6px;font-size:34px}.muted{color:#858ba1;margin:0;font-size:13px}.primary{color:#fff;min-height:40px;font:inherit;cursor:pointer;background:#5363ed;border:0;border-radius:10px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:650;display:inline-flex;box-shadow:0 7px 18px #5363ed33}.primary:disabled{cursor:not-allowed;box-shadow:none;opacity:.55}.filters{background:#fff;border:1px solid #e4e7f0;border-radius:13px;align-items:end;gap:12px;margin:26px 0 18px;padding:14px 16px;display:flex}.filters label{color:#7e849a;gap:6px;min-width:170px;font-size:11px;display:grid}.filters label:first-child{flex:1}.filters input,.filters select,.project-form input,.project-form select,.project-form textarea{box-sizing:border-box;color:#25293b;width:100%;font:inherit;background:#fff;border:1px solid #dfe3ee;border-radius:9px;outline:none;font-size:13px}.filters input,.filters select,.project-form input,.project-form select{height:42px;padding:0 12px}.filters input:focus,.filters select:focus,.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:#6872eb;box-shadow:0 0 0 3px #5b67e01a}.message{color:#858ba1;margin:14px 0;font-size:13px}.message.is-empty{background:#fff;border:1px dashed #d9deeb;border-radius:16px;place-items:center;min-height:190px;padding:30px;display:grid}.message.is-error{color:#b33a45;background:#fff0f1;border:1px solid #ffd6d9;border-radius:11px;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;display:flex}.action-status{color:#167a5c;background:#effbf5;border:1px solid #bcebd8;border-radius:9px;margin:12px 0;padding:10px 12px;font-size:12px}.projects-list{gap:10px;margin-top:14px;display:grid}.project-row{background:#fff;border:1px solid #e3e6ef;border-radius:13px;grid-template-columns:44px minmax(0,1fr) 130px 100px 190px;align-items:center;gap:18px;padding:17px 18px;display:grid}.project-icon{color:#5363df;background:#edf0ff;border-radius:11px;place-items:center;width:40px;height:40px;font-weight:700;display:grid}.project-info{min-width:0}.project-info strong,.project-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.project-info small{color:#969caf;margin-top:4px;font-size:11px}.environment{color:#697188;text-transform:capitalize;font-size:11px}.status{color:#178b68;text-transform:capitalize;background:#e8f8f1;border-radius:999px;justify-self:start;padding:5px 9px;font-size:10px;font-weight:700}.project-row-actions{justify-content:flex-end;gap:8px;display:flex}.open-project,.close-project-row{color:#5363df;min-height:36px;font:inherit;cursor:pointer;background:#f7f8ff;border:1px solid #dfe3f4;border-radius:9px;justify-content:center;align-items:center;padding:0 12px;font-size:11px;font-weight:700;text-decoration:none;display:inline-flex}.close-project-row{color:#c14652;background:#fff;border-color:#f0cbd0}.pagination{justify-content:space-between;align-items:center;margin-top:18px;display:flex}.pagination button,.retry-button,.secondary,.danger-button{color:#5965d8;min-height:36px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e1e4ee;border-radius:8px;padding:0 12px;font-size:12px}.pagination button{margin-left:8px}.pagination button:disabled{cursor:not-allowed;opacity:.45}.read-only-note{color:#896621;background:#fffaf0;border:1px solid #f0d8a8;border-radius:8px;margin:12px 0 0;padding:9px 11px;font-size:11px}.dialog-backdrop{z-index:1000;backdrop-filter:blur(3px);background:#090c1b9e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.project-dialog,.confirm-dialog{box-sizing:border-box;background:#fff;border-radius:18px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 28px 80px #0c112947}.project-form{gap:16px;padding:26px;display:grid}.dialog-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dialog-heading h2,.confirm-content h2{margin:0 0 5px;font-size:23px}.dialog-close{color:#71778d;cursor:pointer;background:#fff;border:1px solid #e3e6ef;border-radius:9px;place-items:center;width:34px;height:34px;font-size:22px;display:grid}.project-form>label{color:#555d75;gap:7px;font-size:12px;font-weight:600;display:grid}.project-form textarea{resize:vertical;min-height:90px;padding:11px 12px}.project-form label small{color:#999fb0;font-size:10px;font-weight:400}.form-error{color:#b33a45;background:#fff0f1;border:1px solid #ffd6d9;border-radius:9px;margin:0;padding:11px 13px;font-size:12px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:4px;display:flex}.secondary{color:#596077;min-height:40px}.danger-button{color:#c14652;background:#fff4f5;border-color:#efc3c8;min-height:40px}.confirm-dialog{width:min(440px,100vw - 32px)}.confirm-content{padding:26px}.confirm-content .muted{line-height:1.55}.confirm-content .dialog-actions{margin-top:24px}@media (width<=900px){.filters{flex-wrap:wrap}.project-row{grid-template-columns:40px minmax(0,1fr) 100px 160px}.environment{display:none}}@media (width<=720px){.sidebar{display:none}.content{width:100%;margin:0;padding-top:60px}.topbar{height:60px;padding:0 18px;left:0}.content-inner{padding:28px 17px}.heading{flex-direction:column}.filters{grid-template-columns:1fr;display:grid}.filters label{min-width:0}.project-row{grid-template-columns:40px minmax(0,1fr) auto}.status{display:none}.project-row-actions{grid-column:1/-1}.dialog-actions{grid-template-columns:1fr 1fr;display:grid}}.projects-page .primary{color:#fff;background:linear-gradient(100deg,#3150ff,#7173ff);border:1px solid #8388ff;transition:transform .12s,box-shadow .12s,filter .12s;transform:translateY(-2px);box-shadow:0 4px #202a91,0 10px 22px #3150ff3d}.projects-page .primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-4px);box-shadow:0 6px #202a91,0 13px 26px #3150ff4d}.projects-page .primary:active:not(:disabled){transform:translateY(1px);box-shadow:0 1px #202a91,0 5px 12px #3150ff33}body:has(.projects-page){color:#e2e8f0;background:#030816;font-family:Arial,Helvetica,sans-serif}.projects-page{color:#e2e8f0;background:radial-gradient(at 90% 0,#06356433,#0000 50%),#030816;min-height:100vh;font-family:Arial,Helvetica,sans-serif}.projects-page .sidebar{color:#94a3b8;background:linear-gradient(#020b1b,#04162a);border-right:1px solid #06b6d433}.projects-page .brand{color:#fff;letter-spacing:2px;gap:10px;font-size:24px;font-style:italic;font-weight:700}.projects-page .project-brand-icon{background:#020612;border:1px solid #22d3ee;border-radius:8px;flex-shrink:0;place-items:center;width:32px;height:32px;padding:7px;display:grid;box-shadow:0 0 16px #00d9ff30}.projects-page .project-brand-icon img{filter:drop-shadow(0 0 4px #00d9ff);width:auto;max-width:100%;height:auto;max-height:100%}.projects-page .back-link{color:#7e9cb8}.projects-page .sidebar nav a{color:#94a3b8;border:1px solid #0000}.projects-page .sidebar nav a.active{color:#e0f2fe;background:linear-gradient(90deg,#073b6d,#04213f);border-color:#1979b4;box-shadow:inset 2px 0 #22d3ee}.projects-page .sign-out{color:#94a3b8;background:#061326;border-color:#164969}.projects-page .topbar{color:#b8cce0;backdrop-filter:blur(16px);background:#020c1be8;border-bottom:1px solid #06b6d433;box-shadow:0 6px 20px #0002}.projects-page .topbar a{color:#67e8f9}.projects-page .content{background:0 0}.projects-page .content-inner{max-width:1440px;margin:auto;padding:38px 36px}.projects-page h1{letter-spacing:-.8px;color:#f1f5f9;font-size:32px;font-style:italic;font-weight:700;line-height:1.15}.projects-page .muted{color:#94a3b8;line-height:1.7}.projects-page .eyebrow{color:#67e8f9;letter-spacing:1px;background:#00d9ff12;border:1px solid #00d9ff47;border-radius:999px;padding:5px 10px;font-size:9px;display:inline-flex}.projects-page .heading{border-bottom:1px solid #16415e;padding-bottom:24px}.projects-page .primary,.projects-page .primary:hover:not(:disabled),.project-form .primary{color:#fff;background:linear-gradient(90deg,#2563eb,#06b6d4);border:1px solid #38bdf866;border-radius:8px;transform:none;box-shadow:0 0 18px #00d9ff25}.projects-page .primary:hover:not(:disabled){filter:brightness(1.12)}.projects-page .primary:focus-visible{outline-offset:4px;outline:2px solid #67e8f9}.projects-page .filters{background:radial-gradient(at top,#0091ff12,#061326dd);border:1px solid #00d9ff47;border-radius:14px;padding:20px 22px}.projects-page .filters label{color:#94a3b8}.projects-page input,.projects-page select,.project-form input,.project-form select,.project-form textarea{color:#e2e8f0;background:#02061299;border:1px solid #06b6d433;border-radius:8px}.projects-page input::placeholder,.project-form input::placeholder,.project-form textarea::placeholder{color:#53718c}.projects-page input:focus,.projects-page select:focus,.project-form input:focus,.project-form select:focus,.project-form textarea:focus{outline:1px solid #22d3ee;box-shadow:0 0 12px #00d9ff18}.projects-page .project-row{background:radial-gradient(at top,#0091ff12,#061326dd 85%);border:1px solid #00d9ff47;border-radius:14px;padding:19px 22px;box-shadow:inset 0 1px #c5edff08}.projects-page .project-icon{color:#67e8f9;background:#07315a;border:1px solid #1b6b9f;border-radius:10px}.projects-page .project-info strong{color:#e2e8f0}.projects-page .project-info small,.projects-page .environment{color:#7196b6}.projects-page .status{color:#6ee7b7;background:#052f36;border:1px solid #14736e}.projects-page .open-project{color:#a5e5ff;background:#06243e;border-color:#227da7}.projects-page .close-project-row{color:#fda4af;background:#311626;border-color:#763149}.projects-page .pagination button,.projects-page .retry-button{color:#a5e5ff;background:#061326;border-color:#24678c}.projects-page .message{color:#94a3b8;background:#061326;border-color:#164969}.projects-page .message.is-error,.projects-page .form-error{color:#fda4af;background:#341627;border-color:#763149}.projects-page .action-status{color:#89e4d0;background:#073236;border-color:#166e69}.projects-page .read-only-note{color:#dccd94;background:#332b13;border-color:#6b592b}.dialog-backdrop:has(.project-dialog),.dialog-backdrop:has(.confirm-dialog){backdrop-filter:blur(10px);background:#010715bf}.project-dialog,.confirm-dialog{color:#e2e8f0;background:linear-gradient(145deg,#08213a,#030f23);border:1px solid #248cba;box-shadow:0 0 30px #008cff20,0 28px 80px #0007}.project-dialog h2,.confirm-dialog h2{color:#f1f5f9;font-style:italic;font-weight:700}.project-dialog .muted,.confirm-dialog .muted{color:#94a3b8}.project-form>label{color:#a5bfd4}.project-form label small{color:#6488a8}.dialog-close,.project-dialog .secondary,.confirm-dialog .secondary{color:#bcd5e8;background:#061c32;border-color:#246283}.project-form .form-error{color:#fda4af;background:#341627;border-color:#763149}.confirm-dialog .danger-button{color:#ffe0e7;background:#6d203b;border-color:#c15a79}.projects-mobile-nav{display:none}@media (width<=1050px){.projects-page .content-inner{padding:28px 24px}}@media (width<=720px){.projects-page .content-inner{padding:24px 18px}.projects-page h1{font-size:27px}.projects-page .heading{gap:18px}.projects-page .filters{padding:18px}.projects-page .project-row{padding:17px}.projects-mobile-nav{gap:8px;padding:14px 18px 0;display:flex;overflow:auto}.projects-mobile-nav a{white-space:nowrap;color:#94a3b8;background:#061326;border:1px solid #144264;border-radius:7px;padding:9px 12px;font-size:11px}.projects-mobile-nav a[aria-current]{color:#67e8f9;background:#06304a;border-color:#22d3ee66}.project-dialog,.confirm-dialog{max-height:calc(100dvh - 32px)}.project-form{padding:22px}}.projects-page .brand{gap:10px;min-height:36px;padding:0 12px 24px}.projects-page .brand>span:last-child{letter-spacing:2.4px;text-transform:uppercase;color:#f1f5f9;font-family:Arial,Helvetica,sans-serif;font-size:23px;font-style:italic;font-weight:700}.projects-page .project-brand-icon{background:#020612;border-color:#22d3eeaa;border-radius:8px;width:32px;height:32px;box-shadow:0 0 12px #00d9ff20}.projects-page .back-link{color:#819bb4;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;width:100%;margin:0 0 22px;padding:10px 12px;font-size:12px;font-weight:400;line-height:1.5;transition:background .15s,color .15s,border-color .15s;display:flex}.projects-page .back-link:hover{color:#c3e6fa;background:#061b2e;border-color:#164969}.projects-page .back-link:focus-visible{outline-offset:3px;outline:2px solid #22d3ee}