.dashboard{display:grid;grid-template-columns:236px minmax(0,1fr)}
.app-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--navy);color:#fff;border-right:1px solid #ffffff1c}.panel-logo{display:flex;align-items:center;min-height:112px;padding:22px 26px;border-bottom:1px solid #ffffff1c}.panel-logo img{width:112px;height:auto}.app-sidebar nav{display:grid;padding:28px 16px;gap:6px}.panel-nav{position:relative;display:grid;grid-template-columns:28px 1fr;align-items:center;gap:9px;padding:15px 14px;border:1px solid transparent;background:transparent;color:#a8bfca;text-align:left;font:600 .77rem Inter;cursor:pointer}.panel-nav span{font-size:.58rem;letter-spacing:.1em;color:#5dd8cf}.panel-nav:hover,.panel-nav.is-active{border-color:#ffffff22;background:#ffffff0b;color:#fff}.panel-nav.is-active:after{content:"";position:absolute;right:-1px;top:9px;bottom:9px;width:2px;background:var(--teal)}.sidebar-foot{margin-top:auto;padding:24px 22px;display:grid;gap:14px;border-top:1px solid #ffffff1c}.sidebar-foot small{color:#7f9ba9;font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.sidebar-foot .quiet-button{width:100%}.app-main{min-width:0}.panel-header{height:76px;padding:0 clamp(22px,3.5vw,58px)}.panel-header b{font-size:.75rem;letter-spacing:.02em}.panel-header a{color:#80ddd6;font-size:.69rem;font-weight:600;text-decoration:none}.panel-view{padding-bottom:1px}.dashboard-intro{padding:58px clamp(22px,3.5vw,58px) 36px;gap:6vw}.dashboard-intro h1{font-size:clamp(2.7rem,4.4vw,4.65rem)}.metrics,.workspace-grid,.logs-card{margin-left:clamp(22px,3.5vw,58px);margin-right:clamp(22px,3.5vw,58px)}.workspace-grid{padding-left:0;padding-right:0}.logs-card{margin-bottom:58px}.intro-action{display:grid;gap:20px;justify-items:start}.intro-action p{max-width:540px;margin:0;color:var(--muted);font-size:.94rem;line-height:1.7}.primary-button.compact{width:auto;min-width:175px;margin:0}.metrics-four{grid-template-columns:repeat(4,1fr)}
.projects-card{margin:18px clamp(22px,3.5vw,58px) 58px;padding:30px;background:#fff;border:1px solid var(--line)}.project-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:12px 0 6px}.project-toolbar h2{font-size:1.65rem;letter-spacing:-.04em;margin:12px 0 7px}.project-toolbar p{margin:0;color:var(--muted);font-size:.75rem}.project-admin-list{margin-top:20px;border-top:1px solid var(--line)}.project-admin-row{display:grid;grid-template-columns:118px minmax(220px,1fr) auto minmax(150px,auto);align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid var(--line)}.project-admin-row>img{width:118px;height:82px;object-fit:cover;background:#e6ebe8}.project-row-main{min-width:0}.project-row-main small{display:block;color:var(--teal-dark);font-size:.61rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.project-row-main h3{margin:7px 0 6px;font-size:1rem;letter-spacing:-.02em}.project-row-main p{max-width:680px;margin:0;color:var(--muted);font-size:.7rem;line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-pill{padding:7px 10px;border:1px solid var(--line);font-size:.59rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.status-pill.published{border-color:#66cfc6;color:var(--teal-dark);background:#effaf8}.status-pill.draft{color:#6b777c;background:#f4f5f3}.project-row-actions{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.project-row-actions button,.secondary-button,.existing-images button{border:1px solid var(--line);background:#fff;color:var(--ink);padding:8px 10px;font:600 .62rem Inter;cursor:pointer}.project-row-actions button:hover,.secondary-button:hover,.existing-images button:hover{border-color:var(--teal);color:var(--teal-dark)}
.drawer-open{overflow:hidden}.drawer-backdrop{position:fixed;inset:0;z-index:50;display:flex;justify-content:flex-end;background:#061f36a6;backdrop-filter:blur(2px)}.project-drawer{width:min(600px,100%);height:100%;overflow:auto;background:#fff;box-shadow:-22px 0 60px #00111f38}.drawer-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;padding:30px 34px 22px;background:#fff;border-top:4px solid var(--teal);border-bottom:1px solid var(--line)}.drawer-head h2{margin:7px 0 0;font-size:2rem;letter-spacing:-.05em}.drawer-head button{border:0;background:transparent;color:var(--ink);font:300 2rem Inter;cursor:pointer}.project-drawer form{padding:7px 34px 40px}.project-drawer label{display:grid;gap:8px;margin-top:23px;font-size:.69rem;font-weight:700}.project-drawer input,.project-drawer textarea,.project-drawer select{width:100%;border:1px solid var(--line);border-radius:0;background:#fafbf9;padding:13px 14px;color:var(--ink);font:inherit;outline:none}.project-drawer textarea{resize:vertical}.project-drawer input:focus,.project-drawer textarea:focus,.project-drawer select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #19b6aa1c}.project-drawer label small{color:var(--muted);font-weight:400;line-height:1.45}.form-row{display:grid;grid-template-columns:1fr 132px;gap:15px}.project-image-field input{position:absolute;opacity:0;pointer-events:none}.project-image-field b{display:grid;place-items:center;min-height:112px;padding:22px;border:1px dashed #7ea7a3;background:#f0f7f5;color:var(--teal-dark);text-align:center;cursor:pointer}.existing-images{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.existing-images figure{margin:0;border:1px solid var(--line);background:#fff}.existing-images img{display:block;width:100%;height:92px;object-fit:cover}.existing-images figcaption{display:grid;gap:5px;padding:7px}.existing-images button{padding:6px;font-size:.56rem}.existing-images button:disabled{background:#eaf7f5;color:var(--teal-dark);cursor:default}.drawer-actions{display:grid;grid-template-columns:1fr 1.35fr;gap:10px;margin-top:28px}.drawer-actions .primary-button{margin:0}.secondary-button{font-size:.72rem}
@media(max-width:1080px){.project-admin-row{grid-template-columns:90px 1fr auto}.project-admin-row>img{width:90px;height:72px}.project-row-actions{grid-column:2/-1;justify-content:flex-start}.metrics-four{grid-template-columns:repeat(2,1fr)}.metrics-four article:nth-child(2){border-right:0}.metrics-four article:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:760px){.dashboard{display:block}.app-sidebar{position:relative;height:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center}.panel-logo{min-height:74px;padding:12px 18px;border-bottom:0}.panel-logo img{width:86px}.app-sidebar nav{display:flex;padding:10px;overflow:auto}.panel-nav{min-width:116px}.sidebar-foot{margin:0;padding:12px 16px;border-top:0;border-left:1px solid #ffffff1c}.sidebar-foot small{display:none}.panel-header{display:none}.dashboard-intro{padding-top:42px}.metrics-four{grid-template-columns:1fr 1fr}.project-admin-row{grid-template-columns:76px 1fr}.project-admin-row>img{width:76px;height:68px}.status-pill{grid-column:2;justify-self:start}.project-row-actions{grid-column:1/-1}.projects-card{padding:22px}.login-stage{grid-template-rows:90px 1fr 55px}}
@media(max-width:500px){.app-sidebar{grid-template-columns:1fr}.panel-logo{justify-content:center}.app-sidebar nav{justify-content:center;padding-top:0}.sidebar-foot{position:absolute;right:10px;top:16px;border:0;padding:0}.sidebar-foot .quiet-button{padding:8px}.project-admin-row{gap:13px}.project-row-main p{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.project-drawer form,.drawer-head{padding-left:22px;padding-right:22px}.form-row{grid-template-columns:1fr}.existing-images{grid-template-columns:repeat(2,1fr)}}