@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');
:root{--ink:#101820;--blue:#0787f7;--line:#dce4ea;--muted:#697781}*{box-sizing:border-box}body{margin:0;background:#f2f6f9;color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.admin-header{height:76px;padding:0 max(24px,4vw);background:#0d171f;display:flex;align-items:center;justify-content:space-between;color:#fff}.admin-brand{display:flex;align-items:center;gap:12px}.admin-brand span{display:grid;line-height:1}.admin-brand strong{font:800 18px 'Manrope';letter-spacing:.09em}.admin-brand small{color:#86d2ff;font-size:9px;letter-spacing:.18em;margin-top:7px}.admin-header nav{display:flex;gap:10px}.admin-header nav a{font-size:13px;border:1px solid #31424e;padding:9px 13px;border-radius:8px}.login-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:8vw;padding:7vw;background:linear-gradient(105deg,rgba(5,13,19,.94),rgba(5,13,19,.72)),url('../images/hero.webp') center/cover}.login-intro{color:#fff}.login-intro>p,.dash-title p{color:#55b9ff;font-size:12px;font-weight:800;letter-spacing:.2em}.login-intro h1{font:800 clamp(44px,6vw,78px)/1.06 'Manrope';letter-spacing:-.05em;margin:20px 0}.login-intro h1 span{color:#69c4ff}.login-intro ul{list-style:none;padding:0;margin:35px 0}.login-intro li{margin:15px 0;color:#d0dbe2}.login-intro li:before{content:'✓';color:#55b9ff;margin-right:12px}.login-card,.project-form,.project-list{background:#fff;border-radius:22px;padding:34px;box-shadow:0 25px 80px rgba(0,0,0,.2)}.login-card h2,.project-form h2,.project-list h2{font:800 25px 'Manrope';margin:20px 0 8px}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card label,.project-form label{display:grid;gap:8px;font-size:13px;font-weight:700;margin:16px 0}.login-card input,.project-form input,.project-form select,.project-form textarea{width:100%;border:1px solid var(--line);border-radius:9px;background:#fbfcfd;padding:13px 14px;outline:0;font:inherit}.login-card input:focus,.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(7,135,247,.1)}.login-card button,.project-form>button{width:100%;border:0;border-radius:10px;background:var(--blue);color:#fff;font-weight:800;padding:14px 18px;display:flex;justify-content:space-between;margin-top:22px;cursor:pointer}.back{display:block;text-align:center;color:var(--muted);font-size:13px;margin-top:20px}.alert{padding:12px 14px;border-radius:9px;font-size:14px;margin:16px 0}.alert.error{background:#fff0f0;color:#a82b2b}.alert.success{background:#e9fbf2;color:#087e46}.dashboard{width:min(1180px,calc(100% - 36px));margin:55px auto}.dash-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.dash-title h1{font:800 clamp(34px,4vw,52px) 'Manrope';margin:7px 0}.dash-title span{color:var(--muted)}.dash-title>b{background:#e3f4ff;color:#0876cd;padding:10px 14px;border-radius:40px;font-size:13px}.dash-grid{display:grid;grid-template-columns:390px 1fr;gap:24px;align-items:start}.project-form,.project-list{box-shadow:0 15px 50px rgba(13,30,43,.08)}.file-label small{font-weight:400;color:var(--muted)}.project-list>h2{margin-top:0}.empty{border:1px dashed #c6d2da;border-radius:13px;color:var(--muted);text-align:center;padding:60px 20px;line-height:1.7}.project-list article{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:16px 0}.project-list article>img{width:100px;height:78px;object-fit:cover;border-radius:9px}.project-list h3{margin:4px 0;font:700 17px 'Manrope'}.project-list small{color:var(--blue);text-transform:uppercase;font-weight:800}.project-list p{color:var(--muted);font-size:13px;margin:0}.delete{border:1px solid #efb9b9;background:#fff5f5;color:#ad2929;border-radius:8px;padding:8px 10px;cursor:pointer}
@media(max-width:820px){.login-shell{grid-template-columns:1fr;padding:45px 20px}.login-intro h1{font-size:45px}.dash-title{align-items:start;flex-direction:column;gap:18px}.dash-grid{grid-template-columns:1fr}.dashboard{margin-top:35px}.project-list article{grid-template-columns:78px 1fr}.project-list article>img{width:78px;height:68px}.project-list article>form{grid-column:2}.admin-header{padding:0 16px}.admin-header nav a:first-child{display:none}}