:root{--ink:#100d16;--muted:#716b78;--purple:#7842e8;--deep:#2b124f;--line:#e7e0ef;--surface:#fff;--soft:#f7f4fb;--radius:24px;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:var(--soft)}button,input,select,textarea{font:inherit}.eyebrow{color:var(--purple);font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.portal-logo img{display:block;width:220px;height:auto}.login-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(420px,.88fr);min-height:100vh}.login-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:48px 5vw;color:#fff;background:radial-gradient(circle at 76% 54%,#9d75ff 0,transparent 27%),radial-gradient(circle at 15% 95%,#6932c8 0,transparent 35%),linear-gradient(135deg,#100a18,#2d1254 55%,#160d27)}.login-brand .portal-logo img{filter:none}.brand-copy{position:relative;z-index:3;max-width:610px;margin:auto 0}.brand-copy .eyebrow{color:#ccb8ff}.brand-copy h1{max-width:610px;margin:.45em 0 .22em;font-size:clamp(3.2rem,5.4vw,6.4rem);font-weight:720;line-height:.9;letter-spacing:-.065em}.brand-copy h1 em{color:#a77bff;font-style:normal}.brand-copy p{max-width:530px;color:#d6cde1;font-size:1.05rem;line-height:1.7}.portal-orbit{position:absolute;right:-10%;bottom:5%;width:min(50vw,650px);aspect-ratio:1;border:1px solid #ffffff27;border-radius:50%;transform:rotate(-15deg)}.portal-orbit:before,.portal-orbit:after{content:"";position:absolute;inset:18%;border:1px solid #ffffff38;border-radius:50%;transform:rotate(65deg)}.portal-orbit:after{inset:34%;box-shadow:0 0 80px #9b70ff88}.portal-brand-art{position:absolute;left:50%;top:50%;width:58%;height:72%;margin:0;transform:translate(-50%,-50%) rotate(15deg)}.brand-halo{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle,#a97cff80 0,#7540d93d 36%,transparent 72%);filter:blur(10px)}.portal-poseidon{position:absolute;left:50%;bottom:2%;z-index:2;width:92%;height:96%;object-fit:contain;filter:drop-shadow(0 34px 42px #08030d99);transform:translateX(-50%) rotate(-15deg)}.portal-trident{position:absolute;right:-1%;top:12%;z-index:3;width:27%;height:auto;filter:brightness(0) invert(1) drop-shadow(0 16px 28px #0008);transform:rotate(-4deg)}.orb{position:absolute;display:block;border-radius:50%;background:linear-gradient(145deg,#d4ff63,#6fcd52);box-shadow:0 12px 30px #0005}.orb-one{left:8%;top:37%;width:25px;height:25px}.orb-two{right:12%;top:9%;width:50px;height:50px}.orb-three{right:5%;bottom:20%;width:16px;height:16px}.login-trust{position:relative;z-index:2;display:flex;gap:24px;margin:30px 0 0;color:#bdb2cb;font-size:.78rem}.login-trust span:before{content:"✓";margin-right:7px;color:#b6ef54}.login-panel{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;padding:clamp(34px,5vw,76px);overflow-y:auto;background:linear-gradient(145deg,#fff,#f5f0fb)}.login-card{width:min(100%,480px);padding:38px;border:1px solid #fff;border-radius:30px;background:#ffffffb8;box-shadow:0 30px 90px #3b18551a;backdrop-filter:blur(30px)}.login-card h2{margin:.4rem 0;font-size:2rem;letter-spacing:-.04em}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:24px;padding:5px;border-radius:14px;background:#eee8f5}.auth-tab{padding:10px;border:0;border-radius:10px;color:var(--muted);background:transparent;font-weight:800;cursor:pointer}.auth-tab.active{color:#fff;background:#5c28ae;box-shadow:0 7px 20px #50208f33}.muted,.support-note{color:var(--muted)}.login-card form{display:grid;gap:18px;margin-top:32px}.login-card label{display:grid;gap:8px;font-size:.82rem;font-weight:700}.login-card input[type=email],.login-card input[type=password],.login-card input[type=text]{width:100%;padding:16px 17px;border:1px solid var(--line);border-radius:14px;outline:none;background:#fff}.login-card input:focus{border-color:#986ff0;box-shadow:0 0 0 4px #8958e518}.form-row{display:flex;align-items:center;justify-content:space-between}.remember{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.text-button{padding:0;border:0;color:var(--purple);background:none;font-weight:750;cursor:pointer}.primary-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px 20px;border:0;border-radius:16px;color:#fff;background:linear-gradient(120deg,#6d35d2,#321457);box-shadow:0 14px 35px #52249342;font-weight:800;cursor:pointer}.primary-button:hover{transform:translateY(-2px)}.primary-button.compact{width:auto;gap:38px}.form-message{display:none;margin:0;padding:12px;border-radius:12px;color:#6b3bb7;background:#efe7ff;font-size:.82rem;line-height:1.45}.form-message.visible{display:block}.preview-button{width:100%;margin-top:16px;padding:14px;border:1px solid #d7c7ef;border-radius:14px;color:#5b2da8;background:#f5efff;font-weight:750;cursor:pointer}.support-note{text-align:center;font-size:.75rem}.back-link{position:static;display:inline-flex;margin-top:2px;color:var(--muted);font-size:.8rem;text-decoration:none}.dashboard-page{min-height:100vh;background:linear-gradient(180deg,#f7f4fb,#eeebf3)}.dashboard-header{position:sticky;z-index:10;top:0;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:44px;padding:15px clamp(20px,4vw,70px);border-bottom:1px solid #e5dfee;background:#ffffffcf;backdrop-filter:blur(25px)}.dashboard-header .portal-logo img{width:138px}.dashboard-nav{display:flex;gap:6px}.dashboard-nav a{padding:11px 15px;border-radius:12px;color:#6e6874;text-decoration:none;font-size:.85rem;font-weight:750}.dashboard-nav a.active,.dashboard-nav a:hover{color:#50219d;background:#eee5ff}.account{display:flex;align-items:center;gap:10px;font-size:.78rem}.account small{display:block;color:var(--muted)}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:#5828aa;font-weight:800}.notification{border:0;color:#9ce03d;background:transparent}.mobile-menu{display:none}.dashboard-main{width:min(1440px,calc(100% - 40px));margin:auto;padding:58px 0 80px}.welcome-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:34px}.welcome-row h1{margin:.3rem 0;font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.055em}.welcome-row p{margin:0;color:var(--muted)}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px}.metric-grid article{display:flex;gap:18px;padding:24px;border:1px solid #ebe5f0;border-radius:20px;background:#fff;box-shadow:0 16px 50px #29123d0a}.metric-grid small{color:var(--muted)}.metric-grid strong{display:block;margin:4px 0;font-size:2.1rem}.metric-grid strong.date{font-size:1.6rem}.metric-grid p{margin:0;color:#8a8490;font-size:.75rem}.metric-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-weight:900}.metric-icon.violet{color:#6e37cf;background:#efe5ff}.metric-icon.lime{color:#547800;background:#e8f7bc}.metric-icon.peach{color:#a54b20;background:#ffe4d4}.metric-icon.blue{color:#286a9e;background:#dff1ff}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.7fr);gap:18px;margin-bottom:18px}.panel{padding:28px;border:1px solid #e9e2ee;border-radius:var(--radius);background:#fff;box-shadow:0 18px 60px #2511360a}.panel-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.panel-heading h2{margin:5px 0 0;font-size:1.45rem}.panel-heading a{color:var(--purple);font-size:.8rem;font-weight:750;text-decoration:none}.count{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#6933c6}.project-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:19px 0;border-top:1px solid #f0ebf3}.project-code{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;color:#fff;font-weight:850}.project-code.purple{background:#6a37c8}.project-code.orange{background:#f0743c}.project-code.black{background:#17131c}.project-info strong,.project-info small{display:block}.project-info small{margin-top:5px;color:var(--muted);font-size:.75rem}.progress{height:4px;margin-top:12px;border-radius:9px;background:#eeeaf1}.progress i{display:block;height:100%;border-radius:inherit;background:#7741dc}.status{padding:7px 10px;border-radius:999px;font-size:.67rem;font-weight:800}.status.review{color:#5730a2;background:#eee5ff}.status.working{color:#a24720;background:#ffe8dc}.status.approval{color:#506e00;background:#eaf7c6}.action-panel{color:#fff;background:radial-gradient(circle at 90% 0,#7e49df,transparent 45%),linear-gradient(145deg,#251037,#100c16)}.action-panel .eyebrow{color:#baa3e6}.action-item{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;padding:15px 0;border:0;border-top:1px solid #ffffff1c;color:#fff;background:transparent;text-align:left;cursor:pointer}.action-item small{display:block;margin-top:4px;color:#afa5b6}.file-type{display:grid;place-items:center;width:40px;height:48px;border-radius:8px;color:#fff;background:#ec5151;font-size:.65rem;font-weight:900}.file-type.image{background:#4c8dd6}.file-type.video{background:#8b55df}.lower-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr)}.file-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.file-grid button{display:grid;gap:5px;padding:18px;border:1px solid #eee8f1;border-radius:16px;background:#faf8fb;text-align:left}.file-grid button span{font-size:1.3rem;font-weight:850}.file-grid small{color:var(--muted)}.activity-panel ul{display:grid;gap:18px;margin:0;padding:0;list-style:none}.activity-panel li{display:flex;gap:12px}.activity-panel li>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:#7440d3;font-size:.7rem;font-weight:800}.activity-panel p{margin:0}.activity-panel small{display:block;margin-top:4px;color:var(--muted)}
@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-brand{min-height:48vh}.portal-orbit{opacity:.42;right:-18%}.portal-brand-art{width:62%}.login-panel{min-height:52vh;padding:60px 20px}.dashboard-header{grid-template-columns:auto auto 1fr}.mobile-menu{display:block;border:0;background:none;font-size:1.4rem}.dashboard-nav{position:absolute;left:20px;right:20px;top:76px;display:none;flex-direction:column;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff}.dashboard-nav.open{display:flex}.account{justify-self:end}.account>span:not(.avatar),.account .text-button{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.lower-grid{grid-template-columns:1fr}}
@media(max-width:620px){.portal-logo img{width:180px}.login-brand{padding:28px 24px}.brand-copy h1{font-size:3rem}.portal-orbit{right:-48%;bottom:10%;opacity:.28}.portal-brand-art{width:70%}.login-trust{flex-wrap:wrap}.login-card{padding:27px}.back-link{display:none}.dashboard-main{width:min(100% - 24px,1440px);padding-top:32px}.welcome-row{align-items:start;gap:20px;flex-direction:column}.metric-grid{grid-template-columns:1fr}.project-row{grid-template-columns:auto 1fr}.project-row .status,.project-row>b{display:none}.file-grid{grid-template-columns:1fr}.panel{padding:20px}}

[hidden]{display:none!important}
.form-message.error{color:#8b2338;background:#ffe5ea}
.request-link{text-decoration:none}
.dynamic-list{min-height:92px}
.loading-state,.empty-state{display:grid;place-items:center;min-height:92px;padding:24px;border:1px dashed #ddd3e7;border-radius:16px;color:var(--muted);background:#faf8fc;text-align:center}
.action-panel .loading-state,.action-panel .empty-state{border-color:#ffffff2b;color:#c9bdcf;background:#ffffff08}

.requests-panel{margin-top:18px}.request-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #f0ebf3}.request-row small{display:block;margin-top:6px;color:var(--muted)}
#request-dialog{width:min(620px,calc(100% - 32px));padding:0;border:0;border-radius:28px;background:#fff;box-shadow:0 35px 120px #1d0b2d66}#request-dialog::backdrop{background:#100818a8;backdrop-filter:blur(8px)}#request-form{display:grid;gap:18px;padding:34px}.dialog-heading{display:flex;align-items:start;justify-content:space-between}.dialog-heading h2{margin:5px 0 0;font-size:2rem}.dialog-close{width:38px;height:38px;border:0;border-radius:50%;color:#5d496c;background:#f1ebf5;font-size:1.5rem;cursor:pointer}#request-form label{display:grid;gap:8px;font-size:.82rem;font-weight:750}#request-form input,#request-form select,#request-form textarea{width:100%;padding:14px 15px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fff}#request-form textarea{resize:vertical}#request-form input:focus,#request-form select:focus,#request-form textarea:focus{border-color:#986ff0;box-shadow:0 0 0 4px #8958e518}

#signup-form{gap:14px;margin-top:24px}.login-card #signup-form label{gap:6px}.login-card #signup-form input{padding:14px 16px}.login-card #otp-field{margin-top:4px}.login-card:has(#signup-form:not([hidden])){padding-top:30px;padding-bottom:30px}.login-card:has(#signup-form:not([hidden])) .support-note{margin-bottom:0}.primary-button:disabled{opacity:.62;cursor:wait;transform:none}
@media(max-height:900px) and (min-width:981px){.login-panel{justify-content:flex-start;padding-top:32px;padding-bottom:32px}.login-card{padding:28px}.login-card h2{font-size:1.75rem}.login-card form{margin-top:22px}.support-note{margin-bottom:0}}
@media(max-width:620px){.login-panel{padding:34px 16px}.login-card{padding:24px}.auth-tabs{margin-bottom:20px}.login-card h2{font-size:1.8rem}.login-card form{margin-top:22px}.back-link{margin-top:0}}