:root{--ink:#2b2927;--muted:#746f69;--paper:#fbfaf7;--card:#fff;--line:#e8e2da;--accent:#bd6b55;--accent-dark:#96503f;--sage:#748779;--shadow:0 18px 50px #342b2414}*{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1160px,100% - 32px);margin:0 auto}.nav{justify-content:space-between;align-items:center;height:72px;display:flex}.brand{letter-spacing:-.04em;align-items:center;gap:10px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--accent), #e8ab8c);color:#fff;border-radius:10px;place-items:center;width:32px;height:32px;display:grid}.nav-actions,.row{align-items:center;gap:10px;display:flex}.button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:11px 17px;font-weight:700;display:inline-flex}.button:hover{border-color:#cfc3b7}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.danger{color:#a33f36}.button:disabled{opacity:.5;cursor:not-allowed}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:70px;min-height:calc(100vh - 72px);padding:60px 0 100px;display:grid}.eyebrow{color:var(--accent);letter-spacing:.08em;font-size:14px;font-weight:800}h1{letter-spacing:-.065em;margin:18px 0 24px;font-size:clamp(44px,7vw,78px);line-height:1.06}h2{letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,38px)}h3{letter-spacing:-.025em;margin:0}.lead{color:var(--muted);max-width:580px;font-size:19px;line-height:1.75}.hero-card{box-shadow:var(--shadow);background:#eee7df;border-radius:34px;padding:24px;transform:rotate(1deg)}.photo-mosaic{grid-template-columns:1.1fr .9fr;gap:12px;height:480px;display:grid}.photo-mosaic div{background-position:50%;background-size:cover;border-radius:20px}.photo-mosaic .one{background:linear-gradient(160deg,#d7b09a,#725c54);grid-row:span 2}.photo-mosaic .two{background:linear-gradient(135deg,#829181,#d4c7ac)}.photo-mosaic .three{background:linear-gradient(135deg,#caa291,#766a69)}.floating{box-shadow:var(--shadow);background:#fff;border-radius:15px;padding:12px 15px;font-weight:800;position:absolute}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;box-shadow:0 8px 30px #32281e09}.auth-wrap{place-items:center;min-height:calc(100vh - 72px);padding:40px 0 80px;display:grid}.auth-card{width:min(440px,100%)}.stack{gap:16px;display:grid}.field{gap:7px;display:grid}.field label{font-size:14px;font-weight:800}.input{border:1px solid var(--line);background:#fff;border-radius:12px;outline:none;width:100%;padding:12px 14px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #bd6b551f}.muted{color:var(--muted)}.small{font-size:13px}.error{color:#a33f36;background:#fff2f0;border:1px solid #ffd8d2;border-radius:10px;padding:10px 12px}.success{color:#42664a;background:#eff8f0;border:1px solid #d3ead7;border-radius:10px;padding:10px 12px}.dashboard{padding:42px 0 100px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.projects{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{gap:18px;transition:transform .15s;display:grid}.project-card:hover{transform:translateY(-2px)}.status{width:fit-content;color:var(--muted);background:#f1eee9;border-radius:100px;padding:5px 9px;font-size:12px;font-weight:800}.status.OPEN{color:#42664a;background:#edf5ef}.status.FINALIZED{color:#9b563f;background:#fff0e8}.metric{letter-spacing:-.04em;font-size:29px;font-weight:800}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.project-layout{grid-template-columns:300px 1fr;gap:22px;padding-bottom:80px;display:grid}.sidebar{align-content:start;gap:16px;display:grid}.category-row{gap:7px;display:grid}.progress{background:#eeeae5;border-radius:10px;height:7px;overflow:hidden}.progress>span{background:var(--sage);height:100%;display:block}.upload-zone{text-align:center;background:#fffdfa;border:2px dashed #d8cec4;border-radius:17px;padding:28px}.photo-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:16px;display:grid}.photo{aspect-ratio:1;background:#eae6e1;border:0;border-radius:12px;width:100%;padding:0;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;display:block}.photo-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 4px #000;font-size:10px;position:absolute;inset:auto 6px 6px;overflow:hidden}.photo-checks{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex;position:absolute;top:6px;right:6px}.photo-checks span{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.toolbar{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.overlay{z-index:20;background:#141210e6;grid-template-rows:1fr auto;padding:20px;display:grid;position:fixed;inset:0}.overlay img{object-fit:contain;max-width:100%;max-height:calc(100vh - 150px);margin:auto}.overlay-actions{background:#fff;border-radius:17px;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px;display:flex}.empty{text-align:center;color:var(--muted);padding:60px 20px}@media (max-width:850px){.hero{grid-template-columns:1fr;padding-top:30px}.hero-card{display:none}.projects{grid-template-columns:1fr 1fr}.project-layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}}@media (max-width:560px){.shell{width:min(100% - 22px,1160px)}.nav{height:62px}.nav .button:not(.primary){display:none}.projects,.grid-2,.sidebar{grid-template-columns:1fr}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.card{border-radius:16px;padding:18px}.page-head{flex-direction:column;align-items:flex-start}}