@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@400;500;600;700&display=swap");:root{--ink:#061a17;--forest:#082b25;--forest-2:#0e3b33;--gold:#d6ad57;--gold-light:#f0d890;--cream:#f7f2e8;--paper:#fffdf8;--muted:#66736f;--line:#dce3df;--danger:#8a3d36;--shadow:0 24px 70px rgba(5,32,28,.13)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:var(--cream);color:var(--ink);font-family:DM Sans,sans-serif}button,input,select,textarea{font:inherit}a,button{color:inherit}button{cursor:pointer}svg{width:20px;height:20px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Cormorant Garamond,serif}.eyebrow{display:block;color:#9b7630;font-size:.72rem;letter-spacing:.22em;font-weight:700;margin-bottom:12px}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.login-story{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(4,24,21,.97),rgba(7,45,38,.94)),url(https://images.unsplash.com/photo-1598488035139-bdbb2231ce04?auto=format&fit=crop&w=1600&q=80) 50%/cover;padding:44px 6vw;color:white;display:flex;flex-direction:column}.login-story:after{content:"";position:absolute;width:480px;height:480px;border:1px solid rgba(214,173,87,.18);border-radius:50%;right:-190px;bottom:-210px;box-shadow:0 0 0 70px rgba(214,173,87,.04),0 0 0 140px rgba(214,173,87,.03)}.brand{display:flex;align-items:center;gap:14px;text-decoration:none;z-index:1}.brand-mark{width:58px;height:58px;border:1px solid rgba(214,173,87,.65);display:grid;place-items:center;font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:700;color:var(--gold-light);background:linear-gradient(145deg,#113d35,#071d19);border-radius:50%}.brand b{display:block;letter-spacing:.15em;font-size:.86rem}.brand small,.side-brand small{display:block;color:var(--gold-light);font-size:.6rem;letter-spacing:.18em;margin-top:4px}.story-copy{margin:auto 0;max-width:650px;position:relative;z-index:1}.story-copy .eyebrow{color:var(--gold-light)}.story-copy h1{font-size:clamp(3.4rem,6vw,6.2rem);line-height:.86;letter-spacing:-.04em;margin:24px 0 34px}.story-copy h1 em{color:var(--gold-light);font-style:normal}.story-copy>p{font-size:1.12rem;line-height:1.8;color:#d5dfdc;max-width:580px}.trust-row{margin-top:46px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);display:flex;align-items:center;gap:13px;font-size:.8rem;letter-spacing:.05em;color:#dce5e2}.trust-row svg{color:var(--gold)}.login-panel{display:grid;place-items:center;padding:48px;background:var(--paper)}.login-card{width:min(450px,100%)}.login-card h2{font-size:3rem;margin:0 0 8px}.login-card>p{color:var(--muted);line-height:1.7;margin-bottom:32px}.field>span,.login-card label{display:block;font-size:.78rem;font-weight:700;margin:18px 0 8px}.input-wrap{height:54px;border:1px solid var(--line);background:white;border-radius:10px;display:flex;align-items:center;padding:0 15px;gap:12px}.input-wrap:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,173,87,.12)}.input-wrap svg{color:#78827f}.input-wrap input{border:0;outline:0;background:transparent;flex:1 1;min-width:0}.icon-button{border:0;background:none;padding:3px}.gold-button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--gold-light),var(--gold));color:#14231f;font-weight:800;min-height:54px;padding:0 22px;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;margin-top:24px;box-shadow:0 10px 28px rgba(183,138,50,.2)}.gold-button:hover{filter:brightness(1.04);transform:translateY(-1px)}.gold-button:disabled{opacity:.65}.gold-button.fit{width:auto;margin:0}.text-button{border:0;background:none;color:#74561f;font-weight:700;display:flex;align-items:center;gap:6px;margin:18px auto}.text-button svg{width:16px}.invite-note{display:block;text-align:center;color:#89928f;border-top:1px solid var(--line);padding-top:22px;margin-top:28px}.form-message,.notice{background:#f6edd8;color:#6b511f;border:1px solid #e8d6ab;padding:12px 14px;border-radius:8px;margin-top:15px;font-size:.85rem}.center-page{min-height:100vh;display:grid;place-items:center;padding:30px}.login-card.compact{background:var(--paper);padding:48px;border-radius:18px;box-shadow:var(--shadow)}.text-link{display:block;text-align:center;margin-top:20px}.loading-mark{width:78px;height:78px;border-radius:50%;background:var(--forest);color:var(--gold-light);display:grid;place-items:center;font-family:Cormorant Garamond;font-size:2rem;border:2px solid var(--gold);animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.04);box-shadow:0 0 0 12px rgba(214,173,87,.08)}}.portal-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#051c18,var(--forest));color:white;padding:28px 20px;display:flex;flex-direction:column;z-index:20}.side-brand{display:flex;align-items:center;gap:12px;padding:0 8px 30px;border-bottom:1px solid rgba(255,255,255,.12)}.brand-mark.small{width:42px;height:42px;font-size:1.1rem}.side-brand b{font-size:.72rem;letter-spacing:.12em}.sidebar nav{display:grid;grid-gap:7px;gap:7px;margin-top:28px}.side-foot a,.side-foot button,.sidebar nav button{border:0;background:none;color:#c6d2cf;text-decoration:none;border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:12px;text-align:left;font-size:.88rem}.sidebar nav button.active,.sidebar nav button:hover{background:rgba(255,255,255,.09);color:white}.sidebar nav button.active{box-shadow:inset 3px 0 var(--gold)}.side-foot svg,.sidebar nav svg{width:18px}.side-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;display:grid}.mobile-close{display:none}.portal-main{grid-column:2;min-width:0}.portal-main>header{height:88px;background:rgba(255,253,248,.92);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 4vw;position:-webkit-sticky;position:sticky;top:0;z-index:10}.portal-main>header>div:first-of-type b{display:block;font-size:.85rem}.portal-main>header .eyebrow{margin-bottom:4px;font-size:.58rem}.user-chip{display:flex;align-items:center;gap:11px}.user-chip>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--gold-light);font-weight:700}.user-chip b,.user-chip small{display:block;font-size:.78rem}.user-chip small{color:var(--muted);margin-top:3px}.menu-button{display:none}.notice{margin:20px 4vw 0;display:flex;justify-content:space-between;align-items:center}.notice button{border:0;background:none}.portal-page{padding:52px 4vw 70px;max-width:1500px;margin:auto}.portal-page.narrow{max-width:900px;margin-left:0}.welcome{background:linear-gradient(120deg,var(--forest),#124c41);border-radius:20px;color:white;padding:48px clamp(28px,5vw,70px);display:flex;align-items:center;justify-content:space-between;gap:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.welcome:after{content:"JJ";position:absolute;right:18%;font-family:Cormorant Garamond;font-size:12rem;color:rgba(255,255,255,.035);font-weight:700}.welcome h1{font-size:clamp(2.6rem,4vw,4.3rem);margin:0 0 8px}.welcome p{color:#c9d8d4;margin:0}.welcome .eyebrow{color:var(--gold-light)}.welcome>*{position:relative;z-index:1}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px;margin:28px 0 52px}.stat-card{background:var(--paper);border:1px solid var(--line);padding:24px;border-radius:14px;display:flex;align-items:center;gap:18px}.stat-card>span{width:46px;height:46px;border-radius:50%;background:#f5ecd8;color:#9b7630;display:grid;place-items:center}.stat-card b,.stat-card small{display:block}.stat-card small{color:var(--muted);font-size:.72rem}.stat-card b{font:600 1.8rem Cormorant Garamond;margin-top:5px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.page-title h1,.section-head h2{font-size:2.7rem;margin:0}.page-title .eyebrow,.section-head .eyebrow{margin-bottom:5px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.project-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.project-card{border:1px solid var(--line);background:var(--paper);border-radius:14px;padding:24px;text-align:left;transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(6,42,36,.1);border-color:#cbb77f}.project-top{display:flex;justify-content:space-between;align-items:center}.project-icon{width:42px;height:42px;border-radius:10px;background:var(--forest);color:var(--gold-light);display:grid;place-items:center}.project-card h3{font-size:1.55rem;margin:22px 0 4px}.project-card p{color:var(--muted);font-size:.78rem}.status{font-size:.65rem;font-weight:800;letter-spacing:.05em;padding:6px 9px;border-radius:999px;background:#ecf0ee;color:#50605b}.status.in_production{background:#e7f3ee;color:#24624f}.status.awaiting_approval{background:#f8edd4;color:#79591e}.status.completed,.status.delivered{background:#e5f2e8;color:#28613b}.progress{height:5px;background:#e5e9e7;border-radius:99px;overflow:hidden;margin:20px 0 15px}.progress span{height:100%;display:block;background:linear-gradient(90deg,#b78935,var(--gold-light))}.project-meta{display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:var(--muted)}.project-meta span{display:flex;align-items:center;gap:6px}.project-meta svg{width:15px}.project-meta b{color:var(--ink)}.page-title{margin-bottom:32px}.page-title p{color:var(--muted);max-width:620px;line-height:1.7}.empty{grid-column:1/-1;background:var(--paper);border:1px dashed #bfcac6;border-radius:15px;padding:50px;text-align:center}.empty>svg{width:38px;height:38px;color:#a58b53}.empty h3{font-size:1.6rem;margin:15px 0 5px}.empty p,.muted{color:var(--muted)}.outline-button{border:1px solid #b9c3bf;background:transparent;border-radius:9px;padding:11px 16px;display:inline-flex;align-items:center;gap:8px;font-weight:700}.outline-button svg{width:17px}.message-project{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;grid-gap:14px;gap:14px}.message-project b,.message-project small{display:block}.message-project small{color:var(--muted);margin-top:4px}.account-card,.request-form{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:32px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.field{display:block}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:white;padding:14px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(214,173,87,.1)}.account-card{display:flex;gap:24px;align-items:center;margin-bottom:20px}.account-avatar{width:88px;height:88px;border-radius:50%;background:var(--forest);color:var(--gold-light);display:grid;place-items:center}.account-avatar svg{width:38px;height:38px}.account-card b,.account-card small{display:block}.account-card small{color:var(--muted);margin-top:12px;font-size:.7rem}.back-button{border:0;background:none;color:#7b632d;font-weight:700;margin-bottom:25px}.detail-hero{background:var(--forest);color:white;border-radius:16px;padding:34px;display:flex;justify-content:space-between;align-items:center}.detail-hero .eyebrow{color:var(--gold-light)}.detail-hero h1{font-size:3rem;margin:0}.detail-hero p{color:#c5d3cf;margin:5px 0 0}.detail-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:12px;margin:18px 0;overflow:hidden}.detail-stats div{padding:20px;border-right:1px solid var(--line)}.detail-stats div:last-child{border:0}.detail-stats b,.detail-stats small{display:block}.detail-stats small{color:var(--muted);font-size:.7rem}.detail-stats b{margin-top:6px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:24px;min-height:420px}.panel-title{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.panel-title h2{margin:0}.panel-title .eyebrow{margin-bottom:3px}.upload-button{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:700;border:1px solid var(--line);padding:9px 12px;border-radius:8px;cursor:pointer}.upload-button input{display:none}.upload-button svg{width:16px}.file-list{display:grid;grid-gap:9px;gap:9px;margin-top:16px}.file-list button{border:1px solid var(--line);background:white;border-radius:9px;padding:12px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;text-align:left;grid-gap:10px;gap:10px}.file-list b,.file-list small{display:block}.file-list small{color:var(--muted);margin-top:3px}.file-list>button>svg:first-child{color:#9b7630}.message-list{height:280px;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:15px 0}.message{background:#f2f4f2;border-radius:10px;padding:12px 14px}.message b,.message small{font-size:.7rem}.message p{margin:6px 0;line-height:1.55;font-size:.88rem}.message small{color:var(--muted)}.message-form{display:grid;grid-template-columns:1fr auto;grid-gap:8px;gap:8px;border-top:1px solid var(--line);padding-top:15px}.message-form input{border:1px solid var(--line);border-radius:9px;padding:12px}.message-form button{border:0;background:var(--forest);color:var(--gold-light);border-radius:9px;width:44px}@media(max-width:980px){.login-shell{grid-template-columns:1fr}.login-story{min-height:44vh}.story-copy{padding:70px 0}.story-copy h1{font-size:4rem}.portal-shell{display:block}.sidebar{transform:translateX(-105%);transition:.25s;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-close{display:block;margin-left:auto;background:none;border:0;color:white}.portal-main{grid-column:auto}.menu-button{display:block;border:0;background:none}.project-grid{grid-template-columns:1fr 1fr}.portal-main>header{padding:0 22px}.portal-page{padding-left:22px;padding-right:22px}}@media(max-width:680px){.login-story{padding:26px}.story-copy{padding:50px 0 20px}.story-copy h1{font-size:3.1rem}.trust-row{flex-wrap:wrap}.login-panel{padding:42px 24px}.login-card h2{font-size:2.5rem}.user-chip>div{display:none}.welcome{display:block;padding:34px 25px}.welcome .gold-button{margin-top:24px;width:100%}.stat-grid{margin-bottom:38px}.detail-grid,.project-grid,.project-list,.stat-grid{grid-template-columns:1fr}.section-head{align-items:start}.section-head .text-button{margin:0}.form-grid{grid-template-columns:1fr;gap:0}.detail-hero{align-items:start}.detail-hero h1{font-size:2.3rem}.detail-stats{grid-template-columns:1fr 1fr}.detail-stats div:nth-child(2){border-right:0}.detail-stats div:nth-child(-n+2){border-bottom:1px solid var(--line)}.panel{min-height:auto}.portal-page{padding-top:35px}.request-form{padding:22px}}