:root{color-scheme:dark;--bg:#0c0e0e;--card:#151818;--surface:#1e2322;--border:#2b3430;--muted:#98a49d;--white:#f2f5f2;--green:#16e596}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% -10%,#183c2c 0%,transparent 35%),var(--bg);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--white);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.muted{color:var(--muted)}.accent{color:var(--green)}.topbar{height:86px;display:flex;justify-content:space-between;align-items:center;max-width:1320px;margin:auto;padding:0 32px;border-bottom:1px solid var(--border)}.brand{font-size:19px;letter-spacing:-.7px;font-weight:800;display:flex;align-items:center;gap:9px}.brandmark{display:inline-flex;width:34px;height:34px;background:var(--green);color:#07100c;border-radius:10px;align-items:center;justify-content:center}.top-actions{display:flex;align-items:center;gap:12px}.top-actions form{margin:0}.button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid var(--border);padding:11px 17px;border-radius:12px;background:var(--surface);color:var(--white);font-weight:700;font-size:13px;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-1px);border-color:var(--green)}.button:disabled{opacity:.35;cursor:not-allowed;transform:none}.button.primary{background:var(--green);border-color:var(--green);color:#062218}.button.primary:hover{background:#45f2b1}.button.subtle{background:transparent}.button.danger{color:#ff9296}.dashboard{max-width:1320px;padding:54px 32px 110px;margin:auto}.dashboard-heading{display:flex;justify-content:space-between;gap:28px;align-items:center;margin-bottom:32px}.eyebrow,.index-label{color:var(--green);font-size:11px;letter-spacing:2.1px;font-weight:800}.dashboard h1,.auth-card h1{font-size:clamp(32px,4.4vw,59px);letter-spacing:-2.4px;line-height:1.06;margin:15px 0}.dashboard-heading p{max-width:700px;line-height:1.6}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:32px}.summary-item{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px 24px;display:flex;flex-direction:column;gap:8px}.summary-item span{font-size:13px}.summary-item strong{font-size:32px;letter-spacing:-1px}.portfolio-admin-list{display:grid;gap:14px}.project-card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden}.project-head{display:flex;align-items:center;min-height:145px;gap:22px;padding:18px}.project-cover{flex:0 0 204px;height:115px;background:#0b0c0b;border:1px solid var(--border);border-radius:9px;display:flex;justify-content:center;align-items:center;overflow:hidden;font-size:10px;letter-spacing:1px}.project-cover img{width:100%;height:100%;object-fit:cover}.project-meta{min-width:0;flex:1}.project-title{font-size:20px;letter-spacing:-.4px;margin:8px 0}.project-description{font-size:12px;color:var(--muted);max-width:600px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.project-controls{display:flex;align-items:center;gap:7px}.project-controls .button.icon-button{padding:9px 12px;font-size:16px}.project-controls .button.edit-button{padding:12px 18px}.editor{background:#101413;border-top:1px solid var(--border);padding:26px}.editor-heading{font-size:17px;margin:4px 0 17px}.details-form{display:grid;gap:15px}.field{display:grid;gap:8px}.field-name{font-size:12px;color:var(--muted);font-weight:700}.input{width:100%;background:#19201d;color:var(--white);padding:13px 14px;border:1px solid var(--border);border-radius:10px;outline:none}.input:focus{border-color:var(--green)}.editor-actions{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:5px 0 20px}.images-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(175px,1fr));gap:12px;margin-bottom:24px}.image-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--card)}.image-card img{width:100%;aspect-ratio:16/9;display:block;object-fit:contain;background:#0b0e0c}.image-toolbar{display:flex;gap:3px;align-items:center;padding:8px 5px}.image-index{font-size:10px;color:var(--muted);margin-right:auto;font-weight:800}.button.tiny{padding:4px 8px;font-size:15px;border-radius:7px}.upload-box{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border:1px dashed #38624b;background:#17251d;border-radius:14px;padding:22px}.upload-box p{font-size:12px;margin:8px 0 0}.file-input{max-width:270px;font-size:12px}.hint{margin-top:32px;color:var(--muted);font-size:13px;line-height:1.7}.notice{padding:15px 18px;border-radius:12px;background:#1d3026;border:1px solid #39614c;margin-bottom:18px;font-size:13px}.notice.error{background:#301b1e;border-color:#6d363e}.auth-layout{max-width:520px;margin:clamp(60px,10vh,130px) auto;padding:0 20px}.auth-card{padding:36px;background:var(--card);border:1px solid var(--border);border-radius:22px}.auth-card p{line-height:1.6;margin-bottom:28px}.login-form{display:grid;gap:20px}.login-form label{display:grid;gap:12px;font-size:13px}.login-form input{color:white;background:#0e1110;border:1px solid var(--border);border-radius:11px;padding:15px}.auth-card .notice{line-height:1.6}.auth-card code{font-size:11px;overflow-wrap:anywhere}@media(max-width:800px){.topbar{padding:0 15px}.topbar .muted{display:none}.dashboard{padding:35px 15px 80px}.dashboard-heading{align-items:flex-start;flex-direction:column}.dashboard h1{letter-spacing:-1px}.summary{gap:8px}.summary-item{padding:14px}.summary-item strong{font-size:25px}.project-head{flex-wrap:wrap;gap:14px}.project-cover{flex-basis:140px;height:79px}.project-meta{flex-basis:calc(100% - 160px)}.project-title{font-size:15px}.project-description{max-width:230px}.project-controls{width:100%;justify-content:flex-end}.editor{padding:17px}.images-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.upload-box{align-items:stretch;flex-direction:column}.file-input{max-width:100%}}