:root{--glass-bg: rgba(100, 130, 150, .411);--glass-bg-soft: rgba(232, 233, 235, .336);--glass-bg-hover: rgba(100, 130, 160, .7);--glass-blur: blur(14px);--glass-filter: blur(14px);--glass-border: rgba(255, 255, 255, .1);--glass-radius: 12px;--glass-shadow: 0 8px 32px rgba(0, 0, 0, .38)}body{font-family:Helvetica,sans-serif}main{min-height:60vh}header,footer,nav ul,.offcanvas-body{font-family:Magistralc_bold,sans-serif}body{margin:0;padding:0;background:linear-gradient(135deg,#657480,#284153)}a{text-decoration:none}main>.container{min-height:700px}.btn-warning{background:#ffcd59}.btn-warning:hover{box-shadow:1px 1px 20px 1px #ffcd59;background:#ffd471}.btn-animation{border-radius:7px;border:0;min-height:45px;animation:blinker 3s linear infinite}@keyframes blinker{0%,to{background-color:#ffc400}25%,75%{background-color:#ffcd59}50%{background-color:#ff9735}}.forgot-password:hover{color:#ffc107!important}.register{text-decoration:underline solid 1px}.settings-card:hover,.content:hover,.accordion-item:hover,.card:hover{border-color:#ffa5004d;box-shadow:0 12px 40px #ffa50026}.details-link:hover,.policy:hover{color:#ffc107!important}.service-icon{width:40px;height:40px;border-radius:10px;background:#445664;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px;flex-shrink:0}.device-number{display:inline-flex;align-items:center;gap:10px;font-weight:600;color:#212529}.tariff-row{display:grid;grid-template-columns:1fr auto auto auto;gap:16px;align-items:center;padding:10px;background:var(--glass-bg-soft);border-radius:10px;margin-bottom:8px}.tariff-row:last-child{margin-bottom:0}.tariff-name{color:#212529;font-size:.95rem}.collapse{transition:all .3s ease}.settings-title,h3{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.form-label{color:#ffffffb3;font-weight:600}.form-control,.form-select{background:var(--glass-bg-soft);border:1px solid rgba(255,255,255,.15);color:#fff;transition:all .3s ease}.form-select:hover,.form-select option:hover{cursor:pointer}.form-control:focus,.accordion-item:focus,.form-select:focus{background:var(--glass-bg);border-color:#ffa50080;box-shadow:0 0 0 .2rem #ffa50040;color:#fff}.form-control:disabled{background:var(--glass-bg);color:#cedbe1;border-color:var(--glass-border)}.form-control::placeholder{color:#fff9}.btn-outline-primary{border-color:#ffa50080;color:orange;background:transparent;transition:all .3s ease}.btn-outline-primary:hover{background:#ffa50026;border-color:orange;color:#ffb347;transform:translateY(-2px);box-shadow:0 4px 12px #ffa5004d}.btn-warning{background:linear-gradient(135deg,orange,#ff8c00);border:none;color:#1a1a2e;font-weight:700;transition:all .3s ease}.btn-warning:hover{background:linear-gradient(135deg,#ffb347,orange);transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}.btn-secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fffc;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.btn-success{background:linear-gradient(135deg,#28a745,#20c997);border:none;transition:all .3s ease}.btn-success:hover{background:linear-gradient(135deg,#34ce57,#28d1a3);transform:translateY(-2px);box-shadow:0 6px 20px #28a74566}.form-check-label{color:#ffffffd9;font-weight:500}.form-check-input{background-color:#ffffff1a;border:2px solid rgba(255,255,255,.3)}.form-check-input:checked{background-color:orange;border-color:orange}.form-check-input:focus{box-shadow:0 0 0 .25rem #ffa50040;border-color:orange}.bill-item:hover{background:var(--glass-bg);border-color:#ffa5004d;transform:translateY(-2px)}.bill-number{color:#ffffffe6;font-weight:600}.modal-content{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:16px}.modal-header{border-bottom:1px solid rgba(255,255,255,.1)}.modal-title{color:#fff;font-weight:700}.modal-body{color:#ffffffd9}.modal-footer{border-top:1px solid rgba(255,255,255,.1)}.btn-close{filter:invert(1) grayscale(100%) brightness(200%)}.alert{border-radius:12px;border:none}.alert-danger{background:#dc354526;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}.alert-success{background:#28a74526;color:#51cf66;border:1px solid rgba(40,167,69,.3)}.border-top{border-color:#ffffff1a!important}.cursor-pointer{cursor:pointer}@media(max-width:768px){.tariff-row{grid-template-columns:1fr;gap:12px}}@media(max-width:1199px){#navbarNavDropdown>div.row{display:flex;flex-direction:column!important;padding:15px}.tab{background-color:#464646!important}}@media(max-width:1200px){.nav{justify-content:center!important}}@media(max-width:991px){.auth{width:60%}}@media(max-width:666px){.auth{width:90%}}@keyframes drift{0%,to{transform:translate(0)}25%{transform:translate(15px,-10px)}50%{transform:translate(-10px,-20px)}75%{transform:translate(-15px,5px)}}@media(max-width:480px){.triangles-container svg{transform:scale(.4);opacity:.3;filter:blur(2px)}}.master-detail{min-height:600px}.master-detail .account-item,.account-item,.master-detail .card.bg-opacity-10,.master-detail .total-card,.master-detail .detail-panel>.alert,.master-detail .table-glass,.master-detail .bill-summary{position:relative;background:var(--glass-bg)!important;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;transition:all .3s ease}.master-detail .svc-card-icon,.master-detail .svc-amount-block,.master-detail .carousel-arrow,.carousel-arrow{position:relative;background:var(--glass-bg-soft);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:none;transition:all .3s ease}.master-detail .svc-card-icon{background:#f5b82e29;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 40px;border-radius:10px;font-size:1.25rem}.master-detail .services-table thead th{font-size:.78rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.15);padding:10px 12px;vertical-align:bottom;background:transparent}.master-detail .services-table td{padding:12px;border-bottom:1px solid rgba(255,255,255,.06);color:#fff}.master-detail .services-table tbody tr:hover{background:#ffffff0d;--bs-table-bg: transparent}.master-detail .services-table tr.svc-has-debt>td:first-child{box-shadow:inset 3px 0 #dc3545bf}.master-detail .services-table tfoot td{border-top:2px solid rgba(255,255,255,.2);border-bottom:none;font-weight:700;padding-top:12px;background:transparent}.master-detail .svc-icon-sm{width:34px;height:34px;flex:0 0 34px;font-size:1rem;border-radius:8px}.master-detail .svc-name{font-weight:600;font-size:.9rem;line-height:1.3}.master-detail .services-table .row-input{text-align:right;font-size:.85rem;font-weight:600;max-width:110px}@media(max-width:991.98px){.master-detail .services-table .td-reras{display:none!important}.master-detail .services-table,.master-detail .services-table tbody{display:block}.master-detail .services-table thead,.master-detail .services-table tfoot{display:none}.master-detail .services-table tr{display:flex;flex-wrap:wrap;gap:10px;padding:14px;margin-bottom:12px;border-radius:14px;background:var(--glass-bg);backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);border:1px solid var(--glass-border)!important;transition:all .3s ease}.master-detail .services-table tr:hover{background:var(--glass-bg-hover)}.master-detail .services-table tr.svc-has-debt{box-shadow:inset 3px 0 #dc3545bf}.master-detail .services-table td{padding:0;border:none}.master-detail .services-table .td-svc{flex:0 0 100%;order:1}.master-detail .services-table .svc-icon-sm{width:40px;height:40px;flex:0 0 40px;font-size:1.25rem}.master-detail .services-table .svc-name{font-weight:600;font-size:.9rem;line-height:1.3;margin-bottom:2px}.master-detail .services-table .svc-card-meta-mobile{display:block;font-size:.72rem;color:#ffffff8c;margin-bottom:4px}.master-detail .services-table .td-nach,.master-detail .services-table .td-opl,.master-detail .services-table .td-debt,.master-detail .services-table .td-final{flex:1 1 calc(50% - 6px);border-radius:10px;padding:8px 12px 10px;font-size:.95rem;font-weight:700;font-variant-numeric:tabular-nums;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);position:relative;min-height:56px;display:flex;flex-direction:column;justify-content:flex-end}.master-detail .services-table .td-nach{order:2}.master-detail .services-table .td-opl{order:3}.master-detail .services-table .td-debt{order:4}.master-detail .services-table .td-final{order:5}.master-detail .services-table .td-nach{background:#ffffff12!important;color:#e6edf3}.master-detail .services-table .td-opl{background:#22c55e24!important;color:#9be7b4}.master-detail .services-table .td-debt{background:#28a74529!important}.master-detail .services-table .td-final{background:linear-gradient(135deg,#f5b82e38,#f5b82e14)!important;color:#ffd76a;border:1px solid rgba(245,184,46,.25)!important}.master-detail .services-table .td-nach:before,.master-detail .services-table .td-opl:before,.master-detail .services-table .td-debt:before,.master-detail .services-table .td-final:before{display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.05em;color:#fff9;margin-bottom:4px;font-weight:500;line-height:1.1}.master-detail .services-table .td-nach:before{content:"Начислено"}.master-detail .services-table .td-opl:before{content:"Оплачено"}.master-detail .services-table .td-debt:before{content:"Долг/переплата"}.master-detail .services-table .td-debt.cell-danger:before{content:"Долг"}.master-detail .services-table .td-final:before{content:"Итого"}.master-detail .services-table .td-pay .svc-card-pay{display:flex;align-items:center;gap:8px;min-width:0}.master-detail .services-table .td-pay .row-input{max-width:none;flex:1;min-width:0;text-align:right}}.master-detail .detail-panel.active{display:block;animation:detail-panel-fade .25s ease}@keyframes detail-panel-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.profile-pill,.glass-action-btn{background:var(--glass-bg)!important;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)!important;border-radius:var(--glass-radius);box-shadow:var(--glass-shadow);transition:all .3s ease;color:#fff!important}.profile-pill:hover,.glass-action-btn:hover{background:var(--glass-bg-hover)!important;border-color:#ffa50066!important;box-shadow:0 12px 40px #ffa50026;transform:translateY(-2px);color:#fff!important;text-decoration:none}.glass-footer .details-link:hover{color:#ffcd59;transform:translate(4px);text-shadow:0 0 8px rgba(255,205,89,.4)}@media(max-width:991.98px){.master-detail .services-table tr{padding:14px 16px;position:relative}.master-detail .services-table tr.svc-has-debt{padding-left:18px}.master-detail .services-table .td-svc{padding-left:8px}.master-detail .services-table .svc-icon-sm{margin-left:4px;z-index:2;position:relative}.master-detail .services-table tr:active,.master-detail .services-table tr.active,.master-detail .services-table tr:focus,.master-detail .services-table tr:target{background:var(--glass-bg)!important;backdrop-filter:var(--glass-filter)!important;-webkit-backdrop-filter:var(--glass-filter)!important}.master-detail .services-table tr:hover{background:var(--glass-bg)!important;transform:none!important}.master-detail .services-table tr.svc-has-debt:active,.master-detail .services-table tr.svc-has-debt.active,.master-detail .services-table tr.svc-has-debt:hover{background:var(--glass-bg)!important}}.bi{display:inline-block;width:1rem;height:1rem}@media(min-width:768px){.sidebar{position:sticky;top:0;height:fit-content;display:flex;flex-direction:column;background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--glass-radius);box-shadow:var(--glass-shadow)}.sidebar .offcanvas-md{display:flex;flex-direction:column;min-height:0;background:transparent}.sidebar .offcanvas-body{min-height:0;overflow-y:auto}}body{background:linear-gradient(135deg,#657480,#284153)!important;min-height:100vh}header.navbar a.navbar-brand{color:#fff!important}header .nav-link{color:#ffffffd9}header .nav-link:hover{color:#ffcd59}.sidebar .offcanvas-title{color:#fff}.sidebar .offcanvas-body{overflow-x:hidden}@media(max-width:767.98px){.sidebar{background:transparent;border:0;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}}.sidebar .nav-link{color:#cedbe1;font-size:.9rem;font-weight:500;border-radius:8px;padding:.55rem 1rem;margin:2px 8px;transition:all .25s ease}.sidebar .nav-link:hover,.sidebar .nav-link:focus{color:#ffc107;background:#ffffff0f}.sidebar form .nav-link:hover{color:#ffc107}main h1,main h2,main h3,main h4{color:#fff;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3)}.triangles-container{position:fixed;inset:0;z-index:-1;pointer-events:none}main .table{color:#cedbe1;background:transparent;--bs-table-color: #cedbe1;--bs-table-bg: transparent}main .table thead th{color:#fff;border-color:#ffffff26}main .table td,main .table th{border-color:#ffffff1f}main .form-control,main .form-select{background:var(--glass-bg-soft);border:1px solid rgba(255,255,255,.15);color:#fff}main .form-control:focus,main .form-select:focus{background:var(--glass-bg);border-color:#ffa50080;box-shadow:0 0 0 .2rem #ffa50040;color:#fff}main .form-label{color:#ffffffb3;font-weight:600}main .btn-warning{background:linear-gradient(135deg,orange,#ff8c00);border:none;color:#1a1a2e;font-weight:700}main .btn-warning:hover{background:linear-gradient(135deg,#ffb347,orange);color:#1a1a2e;transform:translateY(-2px);box-shadow:0 6px 20px #ffa50066}main .btn-outline-secondary{color:#cedbe1;border-color:#fff3}main .btn-outline-secondary:hover{background:#ffffff1a;color:#fff}.sidebar .nav-link:hover .nav-icon,.sidebar .nav-link:focus .nav-icon{transform:translateY(-1px) scale(1.1)}:root{--brand-gold: #f5b82e;--brand-sky: #5ba3d9;--brand-navy: #1b3a5c;--brand-mist: #c8d8e4}@property --pp-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.profile-pill{--pp-glass: rgba(27, 58, 92, .6);position:relative;padding:.55rem 1.8rem .55rem .8rem;border:2px solid transparent;border-radius:999px;background:linear-gradient(var(--pp-glass),var(--pp-glass)) padding-box,conic-gradient(from var(--pp-angle),transparent 0 55%,#ffe066 72%,var(--brand-gold) 82%,#ff8a00 93%,transparent 100%) border-box,linear-gradient(#c8d8e438,#c8d8e438) border-box;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;box-shadow:0 0 12px #f5b82e38;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,--pp-glass .25s;animation:pp-spin 6s linear infinite}.profile-pill:hover,.profile-pill:focus-visible{--pp-glass: rgba(27, 58, 92, .82);transform:translateY(-1px) scale(1.02);box-shadow:0 8px 24px #00000059,0 0 20px #ffa00066;color:#fff}.profile-pill:hover .profile-pill__mark{transform:scale(1.12) rotate(-4deg)}.profile-pill:after{content:"";position:absolute;right:.7rem;top:50%;width:8px;height:10px;transform:translateY(-50%);background:#c8d8e48c;clip-path:polygon(0 0,100% 50%,0 100%);transition:transform .25s,background .2s}.profile-pill:hover:after{background:var(--brand-gold);transform:translateY(-50%) translate(3px)}@keyframes pp-spin{to{--pp-angle: 360deg}}