.portal-wrap{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 120px);max-width:1200px;margin:0 auto}.portal-sidebar{background:#1B3A5C;padding:2rem 1.5rem;display:flex;flex-direction:column}.portal-user-info{display:flex;align-items:center;gap:.75rem;padding-bottom:1.5rem;border-bottom:1px solid rgb(255 255 255 / .1);margin-bottom:1.5rem}.portal-avatar{width:44px;height:44px;border-radius:50%;background:rgb(255 255 255 / .15);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:700;flex-shrink:0}.portal-user-name{color:#fff;font-weight:600;font-size:.9rem;margin:0}.portal-user-plan{color:rgb(255 255 255 / .6);font-size:.8rem;margin:0}.portal-nav{display:flex;flex-direction:column;gap:.25rem;flex:1}.portal-nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:8px;color:rgb(255 255 255 / .75);text-decoration:none;font-size:.9rem;font-weight:500;transition:background 0.15s ease,color 0.15s ease}.portal-nav-item:hover,.portal-nav-item.active{background:rgb(255 255 255 / .1);color:#fff;text-decoration:none}.portal-badge{background:#D95B3A;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;border-radius:10px;margin-left:auto}.portal-sidebar-contact{padding:1.5rem 0;border-top:1px solid rgb(255 255 255 / .1);border-bottom:1px solid rgb(255 255 255 / .1);margin:1rem 0}.portal-sidebar-contact p{color:rgb(255 255 255 / .5);font-size:.75rem;margin:0 0 .5rem}.portal-contact-btn{display:block;text-align:center;padding:.5rem;border-radius:6px;font-size:.875rem;font-weight:600;text-decoration:none;margin-bottom:.5rem;background:rgb(255 255 255 / .1);color:#fff;transition:background 0.15s ease}.portal-contact-btn:hover{background:rgb(255 255 255 / .2);color:#fff;text-decoration:none}.portal-contact-btn--green{background:#25D366}.portal-contact-btn--green:hover{background:#20BA5A}.portal-logout{color:rgb(255 255 255 / .4);font-size:.8rem;text-decoration:none;text-align:center;padding:.5rem}.portal-logout:hover{color:rgb(255 255 255 / .7)}.portal-main{background:#F8F9FA;padding:2rem;overflow-y:auto}.portal-section h2{color:#1B3A5C;font-size:1.5rem;margin-bottom:1.5rem}.portal-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.portal-section-header h2{margin-bottom:0}.portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}.portal-card{background:#fff;border:1px solid #E9ECEF;border-radius:12px;padding:1.5rem}.portal-card h3{color:#1B3A5C;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #E9ECEF}.portal-table{width:100%;border-collapse:collapse}.portal-table td{padding:.5rem 0;font-size:.875rem;border-bottom:1px solid #F8F9FA}.portal-table td:first-child{color:#6C757D;width:45%}.portal-table td:last-child{font-weight:500;color:#343A40}.portal-nameservers{display:flex;flex-direction:column;gap:.5rem}.portal-nameservers code{display:block;background:#E8F4FD;color:#2E75B6;font-weight:600;padding:.5rem .875rem;border-radius:6px;font-size:.9rem;font-family:monospace}.portal-btn{display:inline-block;background:#2E75B6;color:#fff;padding:.625rem 1.5rem;border-radius:6px;font-weight:600;font-size:.875rem;text-decoration:none;border:none;cursor:pointer;font-family:inherit;transition:opacity 0.15s ease}.portal-btn:hover{opacity:.88;text-decoration:none;color:#fff}.portal-btn--outline{background:#fff0;color:#2E75B6;border:2px solid #2E75B6}.portal-btn--outline:hover{background:#2E75B6;color:#fff}.portal-btn-sm{background:#fff0;color:#2E75B6;font-size:.875rem;font-weight:600;text-decoration:none;padding:.375rem .875rem;border:1px solid #2E75B6;border-radius:6px}.portal-notice{padding:1rem 1.25rem;border-radius:8px;margin-bottom:1.5rem;font-size:.9rem}.portal-notice--info{background:#E8F4FD;color:#1B3A5C;border-left:4px solid #2E75B6}.portal-form{max-width:600px}.portal-form .form-group{margin-bottom:1.25rem}.portal-form label{display:block;font-weight:600;font-size:.875rem;color:#1B3A5C;margin-bottom:.375rem}.portal-form input,.portal-form select,.portal-form textarea{width:100%;padding:.625rem .875rem;border:1px solid #CED4DA;border-radius:6px;font-size:.9rem;font-family:inherit;box-sizing:border-box}.portal-form input:focus,.portal-form select:focus,.portal-form textarea:focus{outline:none;border-color:#2E75B6;box-shadow:0 0 0 3px rgb(46 117 182 / .15)}.field-hint{color:#6C757D;font-size:.8rem;margin:.25rem 0 0}.invoice-status{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}.invoice-paid{background:#D4EDDA;color:#155724}.invoice-unpaid{background:#FFF3CD;color:#856404}.ticket-list{display:flex;flex-direction:column;gap:.75rem}.ticket-item{background:#fff;border:1px solid #E9ECEF;border-radius:8px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit;transition:box-shadow 0.15s ease}.ticket-item:hover{box-shadow:0 2px 8px rgb(27 58 92 / .1);text-decoration:none}.ticket-status{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.ticket-status--open{background:#E8F4FD;color:#2E75B6}.ticket-status--in_progress{background:#FFF3CD;color:#856404}.ticket-status--resolved{background:#D4EDDA;color:#155724}.ticket-status--closed{background:#F8F9FA;color:#6C757D}.ticket-empty{text-align:center;padding:3rem;color:#6C757D}.portal-login-wrap{display:flex;align-items:center;justify-content:center;min-height:60vh;padding:2rem}.portal-login-card{background:#fff;border:1px solid #E9ECEF;border-radius:16px;padding:2.5rem;width:100%;max-width:400px;box-shadow:0 4px 20px rgb(27 58 92 / .1)}.portal-login-header{text-align:center;margin-bottom:2rem}.portal-login-logo{height:44px;width:auto;margin-bottom:1rem}.portal-login-header h1{color:#1B3A5C;font-size:1.5rem;margin-bottom:.25rem}.portal-login-header p{color:#6C757D;font-size:.875rem;margin:0}.portal-login-help{text-align:center;font-size:.8rem;color:#6C757D;margin-top:1rem}.portal-login-help a{color:#2E75B6}#portal-login-form .login-username,#portal-login-form .login-password{margin-bottom:1rem}#portal-login-form label{font-weight:600;color:#1B3A5C;font-size:.875rem}#portal-login-form input[type="text"],#portal-login-form input[type="password"]{width:100%;padding:.625rem .875rem;border:1px solid #CED4DA;border-radius:6px;box-sizing:border-box;font-size:.9rem;margin-top:.25rem}#portal-login-form input[type="text"]:focus,#portal-login-form input[type="password"]:focus{outline:none;border-color:#2E75B6;box-shadow:0 0 0 3px rgb(46 117 182 / .15)}#portal-login-form input[type="submit"]{width:100%;background:#2E75B6;color:#fff;border:none;padding:.75rem;border-radius:6px;font-weight:600;font-size:1rem;cursor:pointer;margin-top:.5rem}#portal-login-form input[type="submit"]:hover{opacity:.9}.portal-empty{text-align:center;padding:4rem 2rem;color:#6C757D}.portal-empty h2{color:#1B3A5C}.domain-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-bottom:.75rem;border-bottom:1px solid #E9ECEF}.domain-type-badge{padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.domain-type-badge--hosting{background:#E8F4FD;color:#2E75B6}.domain-type-badge--domain{background:#FFF3CD;color:#856404}.domain-status{font-weight:600;font-size:.85rem}.domain-status--active{color:#28a745}.domain-status--pending{color:#f0ad4e}.domain-ns{display:inline-block;background:#E8F4FD;color:#2E75B6;font-weight:600;padding:2px 8px;border-radius:4px;font-size:.8rem;margin:1px 0}.domain-card-actions{display:flex;align-items:center;justify-content:space-between;margin-top:1rem;padding-top:.75rem;border-top:1px solid #E9ECEF}.ssl-badge{font-size:.8rem;font-weight:600;padding:3px 10px;border-radius:20px}.ssl-badge--ok{background:#D4EDDA;color:#155724}.ssl-badge--error{background:#F8D7DA;color:#721C24}.ssl-badge--unknown{background:#F8F9FA;color:#6C757D}.ssl-info{padding:1rem;border-radius:8px;font-size:.9rem}.ssl-info--ssl-ok{background:#D4EDDA;color:#155724}.ssl-info--ssl-warning{background:#FFF3CD;color:#856404}.ssl-info--ssl-error{background:#F8D7DA;color:#721C24}.ssl-lock{font-size:1.1rem}.dns-table-wrap{overflow-x:auto}.dns-table{width:100%;border-collapse:collapse;font-size:.875rem}.dns-table thead th{text-align:left;padding:.5rem;font-weight:600;color:#6C757D;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #E9ECEF}.dns-table tbody td{padding:.625rem .5rem;border-bottom:1px solid #F8F9FA;color:#343A40;vertical-align:middle}.dns-value{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:monospace;font-size:.825rem}.dns-type{display:inline-block;padding:2px 8px;border-radius:4px;font-weight:700;font-size:.75rem;min-width:44px;text-align:center}.dns-type--a,.dns-type--aaaa{background:#E8F4FD;color:#2E75B6}.dns-type--cname{background:#E2E3F1;color:#5A5FCF}.dns-type--mx{background:#FFF3CD;color:#856404}.dns-type--txt{background:#D4EDDA;color:#155724}.dns-type--srv,.dns-type--ns{background:#F8F9FA;color:#6C757D}.dns-type--caa{background:#F8D7DA;color:#721C24}.dns-delete-btn{background:none;border:1px solid #dc3545;color:#dc3545;padding:3px 10px;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all 0.15s ease}.dns-delete-btn:hover{background:#dc3545;color:#fff}.domain-action-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.75rem;align-items:end}.domain-action-field label{display:block;font-weight:600;font-size:.8rem;color:#6C757D;margin-bottom:.25rem}.domain-action-field input,.domain-action-field select{width:100%;padding:.5rem .625rem;border:1px solid #CED4DA;border-radius:6px;font-size:.875rem;font-family:inherit;box-sizing:border-box}.dns-add-row{display:grid;grid-template-columns:100px 1fr 2fr 80px 80px;gap:.75rem;align-items:end}.dns-add-field label{display:block;font-weight:600;font-size:.8rem;color:#6C757D;margin-bottom:.25rem}.dns-add-field input,.dns-add-field select{width:100%;padding:.5rem .625rem;border:1px solid #CED4DA;border-radius:6px;font-size:.875rem;font-family:inherit;box-sizing:border-box}.dns-add-field input:focus,.dns-add-field select:focus{outline:none;border-color:#2E75B6;box-shadow:0 0 0 3px rgb(46 117 182 / .15)}.dns-domain-select{padding:.5rem .625rem;border:1px solid #CED4DA;border-radius:6px;font-size:.875rem}@media (max-width:768px){.portal-wrap{grid-template-columns:1fr}.portal-sidebar{flex-direction:row;flex-wrap:wrap;padding:1rem;gap:.5rem}.portal-user-info{display:none}.portal-nav{flex-direction:row;gap:.25rem;flex:none;width:100%}.portal-nav-item{padding:.5rem .75rem;font-size:.8rem}.portal-sidebar-contact,.portal-logout{display:none}.portal-main{padding:1rem}.domain-action-row{grid-template-columns:1fr}.dns-add-row{grid-template-columns:1fr 1fr}.dns-add-field--wide{grid-column:1 / -1}.dns-value{max-width:150px}.domain-card-actions{flex-direction:column;gap:.5rem;align-items:flex-start}}