.badge.active{background:#dff1ff;color:#0969a9}.badge.planned{background:#eee9ff;color:#6240a2}.badge.on_hold{background:#fff0d7;color:#9b5b00}.badge.completed{background:#dff7ea;color:#157545}.badge.cancelled{background:#ffe5e5;color:#a52121}.project-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.project-summary span{display:block;color:#667585;font-size:11px;text-transform:uppercase;margin-bottom:7px}.file-list{display:grid;gap:10px}.file-row{display:grid;grid-template-columns:52px 1fr auto;gap:14px;align-items:center;border:1px solid #e1e8ef;border-radius:12px;padding:14px}.file-icon{width:50px;height:50px;border-radius:11px;display:grid;place-items:center;background:#e7f2ff;color:#1174d4;font-size:10px;font-weight:900;overflow:hidden}.file-info strong{display:block}.file-info p,.file-info small{display:block;margin:4px 0 0;color:#667585;font-size:12px}.file-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.file-actions form{margin:0}.link-button{border:0;background:transparent;color:#1174d4;cursor:pointer;padding:0}.form-help,.portal-note{display:block;color:#667585;font-size:11px;line-height:1.5;margin-top:12px}.client-portal{background:#f3f6f9}.client-top{height:82px;background:#071925;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100% - 1180px)/2));gap:20px}.client-brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none}.client-brand>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#1174d4,#12a7c7);font-weight:900}.client-brand strong{display:flex;flex-direction:column;line-height:1.15}.client-brand small{color:#85d8e9;font-weight:500;font-size:11px}.client-top nav{display:flex;gap:22px}.client-top nav a{color:#d8e6ef;text-decoration:none;font-size:13px}.client-main{margin:0 auto;padding:0 24px 30px;max-width:1228px}.client-heading{min-height:130px;display:flex;align-items:center}.client-heading span{text-transform:uppercase;letter-spacing:.12em;color:#1174d4;font-weight:800;font-size:10px}.client-heading h1{margin:7px 0 4px;font-size:30px}.client-heading p{margin:0;color:#667585}.client-welcome{margin:-2px 0 20px}.client-welcome h2{margin:0 0 5px}.client-welcome p{margin:0;color:#667585}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#fff;border:1px solid #e1e8ef;border-radius:16px;padding:21px;box-shadow:0 8px 30px rgba(20,42,63,.07);display:flex;flex-direction:column}.project-card-top{display:flex;align-items:center;justify-content:space-between}.project-card h2{font-size:19px;margin:18px 0 8px}.project-card>p{color:#667585;font-size:13px;line-height:1.55;min-height:42px}.project-meta{border-top:1px solid #edf1f4;margin-top:auto;padding:15px 0;display:flex;justify-content:space-between;color:#667585;font-size:11px}.client-password{max-width:480px;margin:auto}.project-description p{line-height:1.65}.client-auth .auth-card{border-top:5px solid #1174d4}.project-dashboard{margin-top:-5px}.client-actions{justify-content:flex-start}@media(max-width:900px){.project-grid{grid-template-columns:1fr 1fr}.project-summary{grid-template-columns:1fr 1fr}.file-row{grid-template-columns:52px 1fr}.file-actions{grid-column:2;justify-content:flex-start}}@media(max-width:620px){.client-top{height:auto;padding:16px;align-items:flex-start}.client-top nav{flex-direction:column;gap:8px;text-align:right}.client-main{padding:0 15px 25px}.client-heading{min-height:110px}.project-grid{grid-template-columns:1fr}.file-row{grid-template-columns:42px 1fr}.file-icon{width:42px;height:42px}.project-summary{grid-template-columns:1fr}.file-actions{grid-column:1/-1}.client-cards{grid-template-columns:1fr 1fr}.client-cards .stat{padding:16px}.client-cards .stat strong{font-size:23px}}