.spvd-app{font-family:Arial,Helvetica,sans-serif;max-width:1200px;margin:20px auto;color:#17202a}.spvd-hero{background:linear-gradient(135deg,#111,#333);color:#fff;padding:26px;border-radius:18px;margin-bottom:18px}.spvd-hero h2{margin:0 0 8px;font-size:30px}.spvd-grid{display:grid;grid-template-columns:360px 1fr;gap:18px}.spvd-panel{background:#fff;border:1px solid #ddd;border-radius:16px;padding:18px;box-shadow:0 8px 25px rgba(0,0,0,.08)}.spvd-panel h3{margin:14px 0 8px}.spvd-panel label{display:block;font-weight:700;margin:10px 0 4px}.spvd-panel input{width:100%;box-sizing:border-box;padding:11px;border:1px solid #bbb;border-radius:10px;margin-top:5px}.spvd-map-wrap{min-height:650px;border-radius:16px;overflow:hidden;border:1px solid #ddd;box-shadow:0 8px 25px rgba(0,0,0,.08)}#spvdMap{height:650px;width:100%}.spvd-tools{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.spvd-btn{border:0;border-radius:12px;background:#f3b300;color:#111;font-weight:800;padding:12px 15px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.12)}.spvd-btn-secondary{background:#222;color:#fff}.spvd-btn-calc{width:100%;font-size:16px;margin-top:12px}.spvd-alert{background:#fff3cd;border:1px solid #ffe69c;padding:14px;border-radius:12px;margin-bottom:14px}.spvd-result{background:#fff;border:1px solid #ddd;border-radius:16px;padding:18px;margin-top:18px;box-shadow:0 8px 25px rgba(0,0,0,.08)}.spvd-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:16px 0}.spvd-kpis div{background:#f6f7f8;border-radius:14px;padding:15px;text-align:center}.spvd-kpis strong{display:block;font-size:24px;color:#111}.spvd-kpis span{font-size:13px;color:#555}.spvd-pdf-area{background:#fff;padding:18px;border:1px solid #eee;border-radius:14px}.spvd-table{width:100%;border-collapse:collapse;margin-top:15px}.spvd-table td{border:1px solid #ddd;padding:8px}.spvd-table td:first-child{font-weight:700;background:#f6f7f8}.spvd-note{font-size:12px;color:#555}.spvd-module{position:absolute;background:#050505;border:1px solid #333;border-radius:2px;box-shadow:inset 0 0 0 1px #1d1d1d}.spvd-module:after{content:'';display:block;height:100%;background:repeating-linear-gradient(90deg,transparent 0,transparent 18%,rgba(255,255,255,.10) 19%,transparent 20%)}#spvdPlanCanvas{position:relative;height:520px;background:#eef1f4;overflow:hidden;border-radius:12px;border:1px solid #ddd}.spvd-roof-svg{position:absolute;inset:0}.spvd-status-ok{color:#176d2c;font-weight:700;margin-top:12px}.spvd-status-err{color:#b00020;font-weight:700;margin-top:12px}@media(max-width:850px){.spvd-grid{grid-template-columns:1fr}.spvd-kpis{grid-template-columns:repeat(2,1fr)}.spvd-map-wrap,#spvdMap{height:480px;min-height:480px}}