:root{--hop-navy:#082d66;--hop-coral:#ff6b47;--hop-bg:#f4f7fb;--hop-text:#142a4c;--hop-muted:#687991;--hop-line:#dde5ef;--hop-green:#13795b}*{box-sizing:border-box}.hop-page{background:var(--hop-bg);min-height:70vh;padding:34px 0 70px}.hop-shell{width:min(1180px,calc(100vw - 36px));margin:0 auto}.hop-hero{background:linear-gradient(135deg,#082d66,#0b3a82);color:#fff;border-radius:26px;padding:34px;display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:22px}.hop-hero h1{font-size:38px;line-height:1.06;margin:7px 0 10px;letter-spacing:-.03em}.hop-hero p{max-width:730px;color:#dbe7f8;margin:0}.hop-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;color:#98c0ff}.hop-status{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:16px;padding:14px 18px;min-width:190px}.hop-status strong,.hop-status span{display:block}.hop-status span{font-size:12px;color:#d9e5f7;margin-top:4px}.hop-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,.7fr);gap:20px}.hop-card{background:#fff;border:1px solid var(--hop-line);border-radius:20px;padding:24px;box-shadow:0 10px 30px rgba(14,41,82,.05);margin-bottom:18px}.hop-card h2,.hop-card h3{margin:0 0 8px;color:var(--hop-text)}.hop-card p{color:var(--hop-muted)}.hop-form{display:grid;gap:16px}.hop-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hop-form label{display:grid;gap:7px;font-weight:700;font-size:13px;color:#314660}.hop-form input,.hop-form select,.hop-form textarea{width:100%;border:1px solid #cdd8e7;border-radius:12px;padding:12px 13px;font:inherit;color:#213956;background:#fff}.hop-form textarea{resize:vertical}.hop-check{display:flex!important;grid-template-columns:none!important;align-items:flex-start;gap:10px!important;font-weight:500!important;color:#53647c!important}.hop-check input{width:18px!important;height:18px;margin-top:2px;flex:0 0 auto}.hop-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:0;border-radius:13px;background:var(--hop-coral);color:#fff;font-weight:800;padding:0 20px;cursor:pointer;text-decoration:none}.hop-btn.secondary{background:#eef4fb;color:var(--hop-navy);border:1px solid #d4e1f0}.hop-btn.dark{background:var(--hop-navy)}.hop-alert{padding:14px 16px;border-radius:13px;margin-bottom:16px}.hop-alert.success{background:#edf9f4;border:1px solid #bce6d5;color:#17644d}.hop-alert.error{background:#fff1ef;border:1px solid #ffc9be;color:#9f3929}.hop-alert.info{background:#eef5ff;border:1px solid #c9dcfa;color:#264e82}.hop-property-summary{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center}.hop-property-summary img{width:110px;height:82px;object-fit:cover;border-radius:14px;background:#e9eff7}.hop-property-summary strong{display:block;font-size:18px}.hop-property-summary span{display:block;color:var(--hop-muted);font-size:13px;margin-top:4px}.hop-steps{display:grid;gap:10px}.hop-step{display:grid;grid-template-columns:32px 1fr;gap:12px;align-items:start;padding:12px;border-radius:14px;background:#f8fafc}.hop-step b{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#e7eff9;color:var(--hop-navy)}.hop-step strong,.hop-step span{display:block}.hop-step span{font-size:12px;color:var(--hop-muted);margin-top:3px}.hop-login{max-width:560px;margin:0 auto}.hop-dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.hop-metric{background:#fff;border:1px solid var(--hop-line);border-radius:17px;padding:18px}.hop-metric span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--hop-muted)}.hop-metric strong{display:block;font-size:27px;color:var(--hop-navy);margin-top:4px}.hop-property-card{background:#fff;border:1px solid var(--hop-line);border-radius:18px;padding:18px;display:grid;grid-template-columns:100px 1fr auto;gap:16px;align-items:center;margin-bottom:12px}.hop-property-card img{width:100px;height:76px;object-fit:cover;border-radius:13px;background:#edf2f8}.hop-property-card h3{margin:0 0 5px}.hop-property-card p{margin:0;color:var(--hop-muted);font-size:13px}.hop-actions{display:flex;gap:8px;flex-wrap:wrap}.hop-badge{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:#eaf8f2;color:#157253;font-weight:800;font-size:11px}.hop-badge.pending{background:#fff6df;color:#8a6514}.hop-progress{height:10px;background:#e9eef5;border-radius:99px;overflow:hidden;margin:9px 0}.hop-progress span{height:100%;display:block;background:linear-gradient(90deg,#ff6b47,#ff8a64);border-radius:99px}.hop-media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:14px 0}.hop-media-grid figure{margin:0}.hop-media-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;background:#edf2f7}.hop-media-grid figcaption{font-size:11px;color:var(--hop-muted);margin-top:5px}.hop-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px}.hop-nav a{text-decoration:none;font-weight:700;color:var(--hop-navy)}.hop-verification{display:inline-flex;align-items:center;gap:6px;background:#eaf9f2;color:#13745a;border:1px solid #bee9d9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}.property-meta .hop-verification{margin-left:2px}.commercial-portal-cta{margin:18px 0;padding:18px;border:1px solid #d8e4f1;border-radius:16px;background:#f8fbff}.commercial-portal-cta strong{display:block;color:#12335e}.commercial-portal-cta p{margin:5px 0 12px;color:#64758c}@media(max-width:860px){.hop-grid{grid-template-columns:1fr}.hop-dashboard-grid{grid-template-columns:1fr 1fr}.hop-property-card{grid-template-columns:82px 1fr}.hop-property-card>.hop-actions{grid-column:1/-1}.hop-form-grid{grid-template-columns:1fr}.hop-media-grid{grid-template-columns:1fr 1fr}.hop-hero{align-items:flex-start;flex-direction:column}.hop-status{width:100%}}@media(max-width:560px){.hop-page{padding-top:20px}.hop-shell{width:min(100vw - 24px,1180px)}.hop-hero{padding:24px}.hop-hero h1{font-size:31px}.hop-dashboard-grid{grid-template-columns:1fr}.hop-property-summary{grid-template-columns:1fr}.hop-property-summary img{width:100%;height:180px}.hop-property-card{grid-template-columns:1fr}.hop-property-card img{width:100%;height:180px}.hop-media-grid{grid-template-columns:1fr}}