.portal-app{background:#f5f7f5;color:#193b35;min-height:100vh;display:flex;flex-direction:column}.portal-shell{width:min(1120px,calc(100% - 48px));margin-inline:auto}.portal-header{background:#103d38;color:#fff;border-bottom:1px solid #ffffff15}.portal-nav{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.portal-brand{font-size:32px;letter-spacing:-2px;font-weight:850;color:inherit;text-decoration:none;line-height:1}.portal-brand>span{color:#7be0b9}.portal-brand small{display:block;font-size:10px;letter-spacing:2.5px;font-weight:500;margin-top:8px;color:#b1d3c9}.portal-links{display:flex;gap:6px}.portal-links>a{padding:11px 16px;color:#d7e9e3;border-radius:8px;text-decoration:none;font-size:14px}.portal-links>a.selected,.portal-links>a:hover{background:#ffffff14;color:#fff}.portal-links i{margin-right:6px}.portal-account{display:flex;align-items:center;gap:20px}.portal-account>a{font-size:25px;color:#bee4d6}.portal-main{padding-block:44px 70px;flex:1}.portal-footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;color:#6c8179;border-top:1px solid #dae5df;font-size:12px}.portal-footer a{color:#41675c;text-decoration:none}.portal-page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}.portal-page-heading h1{font-size:34px;letter-spacing:-1.2px;font-weight:730;margin:10px 0}.portal-eyebrow{font-size:10px;color:#337864;letter-spacing:2.5px;font-weight:750}.portal-wave{font-weight:400;color:#55ad8a}.portal-app .btn-success{background:#137d6b;border-color:#137d6b}.portal-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin:30px 0 44px}.portal-shortcuts>a,.portal-shortcuts>div{display:flex;align-items:center;gap:16px;background:white;padding:22px;border:1px solid #e0e8e2;border-radius:13px;text-decoration:none;color:#193b35}.portal-shortcuts>a>i:first-child,.portal-shortcuts>div>i{font-size:25px;color:#187e64}.portal-shortcuts strong,.portal-shortcuts small{display:block}.portal-shortcuts small{color:#7b8c83;margin-top:4px}.portal-shortcuts>a>i:last-child{margin-left:auto;color:#7f9a8c}.portal-section-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}.portal-section-title h2{font-size:21px;letter-spacing:-.5px;margin:0}.portal-section-title>span{font-size:12px;color:#73897d}.portal-service-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:22px}.portal-service-card,.portal-panel{background:#fff;border:1px solid #dce7df;border-radius:17px;padding:27px;min-width:0}.portal-service-icon{display:grid;place-items:center;width:50px;height:50px;font-size:25px;border-radius:14px;background:#e8f3ec;color:#26785f}.portal-status{display:inline-flex;align-items:center;border-radius:20px;background:#eef1f0;color:#62746c;padding:6px 11px;font-size:11px;line-height:1.4}.portal-status.active{background:#e5f5eb;color:#21764d}.portal-status.suspended,.portal-status.pending{background:#fff1d9;color:#8b6223}.portal-status.cancelled{background:#f0e9e8;color:#895b54}.portal-service-code{display:block;color:#6a8677;font-size:10px;letter-spacing:1.5px;margin-top:24px}.portal-service-card h3{font-size:23px;letter-spacing:-.7px;font-weight:700;margin:7px 0 13px}.portal-service-address{color:#829087;font-size:13px;min-height:36px}.portal-service-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0}.portal-service-bottom strong{font-size:23px;display:block}.portal-service-bottom small{color:#809088;font-size:11px}.portal-online{font-size:11px;max-width:180px;color:#809088;text-align:right}.portal-online i{font-size:7px;margin-right:4px}.portal-online.yes{color:#238352}.portal-card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf1ee;padding-top:16px;color:#27745d;text-decoration:none;font-size:12px;font-weight:650}.portal-welcome-back{background:#103d38;color:#fff;border-radius:18px;padding:30px;display:flex;gap:22px}.portal-welcome-back h2{font-size:23px}.portal-welcome-back p{color:#c7e6d8;max-width:650px}.portal-back{display:inline-block;margin-bottom:24px;color:#537b68;text-decoration:none;font-size:13px}.portal-location-map{height:380px;border-radius:12px;z-index:0}.portal-upload-summary{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #dce7df;border-radius:12px;background:#eaf2ec;padding:22px;margin-bottom:36px}.portal-upload-summary strong{font-size:23px;margin-right:10px}.portal-upload-summary small{color:#69806f;max-width:390px}.portal-submission-grid{display:grid;gap:14px}.portal-submission-card{display:flex;align-items:center;gap:20px;border:1px solid #e0e8e2;border-radius:12px;padding:16px;background:#fff;color:#2c4e3a;text-decoration:none}.portal-submission-card img{width:75px;height:90px;object-fit:contain;background:#f0f3f1;border-radius:7px}.portal-submission-card span,.portal-submission-card small{display:block;color:#7d8c81;margin-block:4px}.portal-submission-card>i{margin-left:auto}.portal-payment-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}.portal-voucher-photo{width:100%;max-height:720px;min-height:300px;object-fit:contain}.portal-photo-panel{padding:16px;background:#edf1ed}.portal-image-placeholder{min-height:430px;display:flex;flex-direction:column;justify-content:center;text-align:center;color:#7f9586;padding:22px}.portal-image-placeholder>i{font-size:60px;color:#8faa99;margin-bottom:24px}.portal-image-placeholder small{max-width:260px;margin-inline:auto}.portal-image-placeholder[hidden]{display:none}.portal-receipt{max-width:750px;margin:0 auto}.portal-receipt-line,.portal-receipt-total{display:flex;justify-content:space-between;gap:20px;padding:15px 0}.portal-receipt-total{border-block:1px solid #dce7df;margin-block:20px;font-size:19px}.portal-device{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #dce7df;padding-top:16px}.portal-device small{display:block;color:#7f9586}.portal-login-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding:30px 0 60px;align-items:center}.portal-login-story{padding:20px 0}.portal-login-story h1{font-size:46px;font-weight:700;line-height:1.2;letter-spacing:-2px;margin:22px 0}.portal-login-story h1 em{font-style:normal;color:#23815f}.portal-login-story>p{font-size:16px;line-height:1.8;max-width:400px;color:#7c8d80}.portal-login-card{background:white;border:1px solid #dce7df;border-radius:22px;padding:38px;box-shadow:0 15px 60px #183e2910}.portal-login-card h2{font-size:30px;letter-spacing:-1px;margin-top:15px}.portal-signal{width:225px;height:200px;position:relative;margin:35px 0;background:radial-gradient(ellipse at center,#b5d8c4 0%,#e2eee3 40%,transparent 70%);display:grid;place-items:center}.portal-signal>i{font-size:105px;color:#2b7d5b;transform:rotate(-10deg)}.portal-signal-dot{width:15px;height:15px;border-radius:50%;background:#a8d5bc;box-shadow:0 0 0 9px #79b69218;position:absolute;right:30px;top:20px}.portal-login-points{display:grid;gap:15px;font-size:12px;color:#607c68}.portal-login-points i{color:#26815c;margin-right:10px}.portal-network-card{padding:20px;background:#edf7ef;border:1px solid #c6e2cf;border-radius:12px;margin-top:22px;text-align:center}.portal-network-card>i{display:block;font-size:25px;color:#297e54;margin-bottom:10px}.portal-network-card p{font-size:12px;color:#799183;margin-top:7px}.chat-payment-controls{background:#eff7f2;border-radius:8px;padding:8px 10px;margin-bottom:5px;font-size:12px}.chat-payment-controls label{display:block;margin-bottom:4px}.chat-payment-controls select{width:100%;border:1px solid #c8dccf;border-radius:5px;padding:5px;background:#fff;font-size:12px}.chat-payment-controls small{font-size:10px;color:#678574;display:block;margin-top:5px}.portal-app .chat-welcome p{font-size:13px}.portal-app .chat-launcher{background:#103d38}.portal-app .chat-inline .chat-panel{max-width:none}.portal-app .portal-panel .form-control{min-width:0}.portal-app .table-wrap{width:100%}
@media(max-width:800px){.portal-shell{width:calc(100% - 32px)}.portal-nav{flex-wrap:wrap;gap:16px;padding-block:18px}.portal-brand{font-size:28px}.portal-account{margin-left:auto}.portal-links{order:3;width:100%;justify-content:space-between;gap:0}.portal-links>a{padding:10px 8px;font-size:12px}.portal-links i{display:none}.portal-main{padding-top:30px}.portal-login-grid{grid-template-columns:1fr;gap:24px;padding-block:0}.portal-login-story h1{font-size:36px}.portal-login-story>p{font-size:14px}.portal-signal,.portal-login-points{display:none}.portal-login-card{padding:27px}.portal-page-heading{align-items:flex-start;flex-direction:column;gap:12px}.portal-page-heading h1{font-size:29px}.portal-payment-grid{grid-template-columns:1fr}.portal-voucher-photo{max-height:440px;min-height:0}.portal-upload-summary{align-items:flex-start;flex-direction:column;gap:9px}.portal-image-placeholder{min-height:220px}.portal-shortcuts{margin-bottom:30px}.portal-service-card,.portal-panel{padding:22px}.portal-footer{flex-direction:column;padding-bottom:85px}.portal-welcome-back{padding:22px;gap:15px}.portal-receipt-total{font-size:16px}.portal-submission-card{gap:12px}.portal-submission-card img{width:60px;height:80px}.portal-app .table-wrap td{padding:12px;font-size:12px}.portal-app .table-wrap th{padding:12px}.portal-app .chat-inline .chat-panel{max-height:85dvh}.portal-account>a{font-size:22px}}@media print{.portal-header,.portal-footer,.zaztel-chat,.portal-back,#portal-print{display:none!important}.portal-main{width:100%;padding:0}.portal-app{background:#fff}.portal-receipt{border:0;max-width:none}}