*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#f8f9fa;color:#212529;line-height:1.6}a{color:#c0392b;text-decoration:none}a:hover{color:#962d22}img{max-width:100%}ul{list-style:none}.app{display:flex;min-height:100vh}.sidebar{width:260px;background:#fff;border-right:1px solid #e9ecef;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100;overflow-y:auto}.sidebar__header{padding:24px 20px;border-bottom:1px solid #e9ecef}.sidebar__brand{font-size:1.5rem;font-weight:800;color:#c0392b;display:flex;align-items:center;gap:8px}.sidebar__brand span{color:#212529}.sidebar__nav{flex:1;padding:16px 12px}.sidebar__link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:#6c757d;font-weight:500;font-size:.95rem;transition:all .15s}.sidebar__link:hover{background:#f8f9fa;color:#212529}.sidebar__link--active{background:rgba(192,57,43,.08);color:#c0392b;font-weight:600}.sidebar__footer{padding:16px 12px;border-top:1px solid #e9ecef}.sidebar__footer .sidebar__user{padding:12px 16px;font-size:.9rem;color:#6c757d}.sidebar__footer form{margin:0}.sidebar__logout-btn{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;width:100%;text-align:left}.main{flex:1;margin-left:260px;min-height:100vh}.page{padding:20px 28px}.page__header{margin-bottom:28px}.page__header h1{font-size:1.6rem;font-weight:700}.page__header p{color:#6c757d;margin-top:4px}.page__header--split{display:flex;align-items:center;justify-content:space-between}.landing{display:flex;min-height:100vh;position:relative;overflow:hidden}.landing__left{flex:1;display:flex;flex-direction:column;justify-content:center;background:#fff;position:relative;z-index:3;transition:transform .7s cubic-bezier(0.65, 0, 0.35, 1),opacity .5s ease}.landing__left-inner{padding:80px}.landing__brand{font-size:2rem;font-weight:800;color:#c0392b;margin-bottom:8px}.landing__brand span{color:#212529}.landing__tagline{font-size:1.1rem;color:#6c757d;margin-bottom:48px}.landing__title{font-size:2.8rem;font-weight:800;line-height:1.15;color:#212529;margin-bottom:20px}.landing__desc{font-size:1.15rem;color:#6c757d;line-height:1.7;margin-bottom:40px;max-width:520px}.landing__actions{display:flex;gap:16px}.landing__stats{display:flex;gap:48px;margin-top:64px;padding-top:32px;border-top:1px solid #e9ecef}.landing__stat strong{display:block;font-size:1.8rem;font-weight:800;color:#c0392b}.landing__stat span{font-size:.9rem;color:#6c757d}.landing__right{flex:1;background:linear-gradient(135deg, #c0392b 0%, #962d22 100%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:3;transition:transform .7s cubic-bezier(0.65, 0, 0.35, 1)}.landing__right::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:hsla(0,0%,100%,.05);top:-100px;right:-100px}.landing__right::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:hsla(0,0%,100%,.05);bottom:-50px;left:-50px}.landing__car{position:absolute;bottom:10%;right:-100%;width:85%;max-width:650px;z-index:2;filter:drop-shadow(0 20px 40px rgba(0, 0, 0, 0.3));animation:slideInCar 1.2s cubic-bezier(0.16, 1, 0.3, 1) .3s forwards;transition:opacity .5s ease}.landing__hero-text{color:#fff;text-align:center;z-index:3;padding:40px}.landing__hero-text h2{font-size:2.2rem;font-weight:800;margin-bottom:16px}.landing__hero-text p{font-size:1.1rem;opacity:.85;max-width:360px;line-height:1.6}.landing__form{position:absolute;top:0;left:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:#fff;z-index:2;opacity:0;pointer-events:none;transition:opacity .5s ease .15s}.landing__form--login{left:auto;right:0}.landing__form--register{width:50%;padding:30px 24px;overflow-y:auto}.landing__form-brand{font-size:1.5rem;font-weight:800;color:#c0392b;margin-bottom:32px}.landing__form-brand span{color:#212529}.landing__back{position:absolute;top:30px;left:40px;font-size:.95rem;color:#6c757d;display:flex;align-items:center;gap:8px;transition:color .2s}.landing__back:hover{color:#212529}.landing--login .landing__right{transform:translateX(-100%)}.landing--login .landing__car{opacity:0}.landing--register .landing__left{opacity:0;pointer-events:none;transform:translateY(100vh)}.landing--register:not(.landing--login) .landing__right{z-index:1}.landing--login .landing__form--login,.landing--register .landing__form--register{opacity:1;pointer-events:auto}@keyframes slideInCar{from{right:-100%}to{right:-5%}}.auth-page{position:relative;min-height:100vh;overflow:hidden}.auth-page__form-wrap{position:absolute;top:0;width:50%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:60px;background:#fff;overflow-y:auto}.auth-page__form-wrap--register{left:0;width:70%}.auth-page__form-wrap--login{right:0}.auth-page__brand{font-size:1.8rem;font-weight:800;color:#c0392b;margin-bottom:40px}.auth-page__brand span{color:#212529}.auth-page__overlay{position:absolute;top:0;right:0;width:30%;height:100%;background:linear-gradient(135deg, #c0392b 0%, #962d22 100%);z-index:10;transition:transform .65s cubic-bezier(0.65, 0, 0.35, 1);display:flex;align-items:center;justify-content:center;overflow:hidden}.auth-page__overlay::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:hsla(0,0%,100%,.05);top:-100px;right:-100px}.auth-page__overlay::after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:hsla(0,0%,100%,.05);bottom:-50px;left:-50px}.auth-page__hero{color:#fff;text-align:center;z-index:1;padding:40px}.auth-page__hero h2{font-size:2.2rem;font-weight:800;margin-bottom:16px}.auth-page__hero p{font-size:1.1rem;opacity:.85;max-width:360px;line-height:1.6}.auth-page--login .auth-page__overlay{transform:translateX(-100%)}.btn{display:inline-block;padding:12px 28px;border-radius:8px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s}.btn:active{transform:scale(0.96)}.btn--primary{background:#c0392b;color:#fff}.btn--primary:hover{background:#962d22;color:#fff}.btn--outline{background:rgba(0,0,0,0);border:2px solid #c0392b;color:#c0392b}.btn--outline:hover{background:#c0392b;color:#fff}.btn--white{background:#fff;color:#c0392b}.btn--white:hover{background:#f8f9fa;color:#962d22}.btn--danger{background:#e74c3c;color:#fff}.btn--danger:hover{background:rgb(213.698630137,43.8356164384,26.301369863);color:#fff}.btn--ghost{background:rgba(0,0,0,0);color:#6c757d;padding:8px 12px}.btn--ghost:hover{background:#f8f9fa;color:#343a40}.btn--sm{padding:8px 18px;font-size:.85rem}.btn--lg{padding:16px 36px;font-size:1.05rem}.card{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;transition:all .25s ease;border:1px solid #e9ecef;animation:cardIn .2s ease-out both;display:flex;flex-direction:column}.card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12);border-color:#dee2e6;transform:translateY(-3px)}.card__body{padding:20px;display:flex;flex-direction:column;flex:1}.card__title{font-size:1.1rem;font-weight:600;margin-bottom:8px}.card__meta{display:flex;flex-wrap:wrap;gap:12px;font-size:.85rem;color:#6c757d;margin-bottom:12px}.card__meta span{background:#f8f9fa;padding:2px 8px;border-radius:4px}.card__meta span i{color:#c0392b;margin-right:3px;font-size:.8rem}.card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:auto;padding-top:12px}.card__price{font-size:1.3rem;font-weight:700;color:#c0392b}.card__price i{font-size:1rem;margin-right:4px}.offer-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media(max-width: 1100px){.offer-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 700px){.offer-grid{grid-template-columns:1fr}}.form{max-width:480px;margin:0 auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);border:1px solid #e9ecef}.form__title{font-size:1.5rem;font-weight:700;margin-bottom:24px;text-align:center}.form__group{margin-bottom:16px}.form__group label{display:block;font-weight:500;margin-bottom:6px;font-size:.9rem;color:#343a40}.form__group input,.form__group select,.form__group textarea{width:100%;padding:10px 14px;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;transition:border-color .2s;background:#fff}.form__group input:focus,.form__group select:focus,.form__group textarea:focus{outline:none;border-color:#c0392b}.form__actions{margin-top:24px}.form__actions .btn{width:100%}.form__footer{text-align:center;margin-top:16px;font-size:.9rem;color:#6c757d}.form__errors{background:rgba(231,76,60,.08);border:1px solid #e74c3c;border-radius:8px;color:#e74c3c;padding:10px 14px;margin-bottom:16px;font-size:.88rem;font-weight:600}.form__errors ul{list-style:none;margin:0;padding:0}.form--wide{max-width:680px;width:100%;padding:24px;box-shadow:none;border:none}.form--wide .form__group{margin-bottom:10px}.form--wide .form__group label{margin-bottom:3px;font-size:.82rem}.form--wide .form__group input,.form--wide .form__group select,.form--wide .form__group textarea{padding:7px 10px;font-size:.88rem}.form--wide .form__title{font-size:1.25rem;margin-bottom:16px}.form--wide .form__actions{margin-top:16px}.form__columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form__col{min-width:0}.form__col-title{font-size:.9rem;font-weight:700;color:#343a40;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid #e9ecef}.form__col-title i{color:#c0392b;margin-right:6px}.form__nip-row{display:flex;gap:8px;align-items:center}.form__nip-row input{flex:1}.form__nip-row .btn{white-space:nowrap;flex-shrink:0}.form__error{font-size:.78rem;color:#e74c3c;font-weight:500;min-height:1em;display:block;margin-top:2px}@media(max-width: 900px){.form__columns{grid-template-columns:1fr;gap:12px}.landing__form--register{width:100% !important;padding:20px 16px !important}}.filters{background:#fff;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);margin-bottom:24px;border:1px solid #e9ecef}.filters__toggles{display:flex;flex-wrap:wrap;border-bottom:1px solid #e9ecef}.filters__toggle{display:flex;align-items:center;gap:5px;padding:10px 12px;cursor:pointer;font-size:.82rem;font-weight:500;flex:1 1 0;justify-content:center;white-space:nowrap;color:#6c757d;border-right:1px solid #e9ecef;transition:all .15s;user-select:none}.filters__toggle:last-child{border-right:none}.filters__toggle:hover{color:#212529;background:#f8f9fa}.filters__toggle--active{color:#c0392b;background:rgba(192,57,43,.04)}.filters__toggle--active .filters__arrow{transform:rotate(180deg)}.filters__toggle-label{font-weight:600}.filters__toggle-count{font-size:.72rem;color:#c0392b;font-weight:600}.filters__arrow{font-size:.7rem;transition:transform .2s;color:#ced4da}.filters__panel{overflow:hidden;height:0;background:#f8f9fa;border-bottom:1px solid rgba(0,0,0,0);transition:height .25s ease}.filters__panel--open{border-bottom-color:#e9ecef}.filters__panel-inner{padding:16px 20px}.filters__boxes{display:flex;flex-wrap:wrap;gap:8px}.filters__box{cursor:pointer}.filters__box input{display:none}.filters__box span{display:inline-block;padding:8px 18px;border:2px solid #dee2e6;border-radius:20px;font-size:.88rem;font-weight:500;color:#6c757d;background:#fff;transition:all .15s;user-select:none}.filters__box input:checked+span{background:#c0392b;border-color:#c0392b;color:#fff;transform:scale(1.05)}.filters__box:hover span{border-color:#c0392b;color:#c0392b}.filters__box input:checked+span:hover{color:#fff}.filters__model-group{margin-bottom:16px}.filters__model-group:last-child{margin-bottom:0}.filters__model-brand{font-weight:700;font-size:.85rem;color:#343a40;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding-bottom:4px;border-bottom:1px solid #dee2e6}.filters__model-item{margin-bottom:4px}.filters__model-detail{margin:4px 0 10px 28px;padding:10px 14px;background:#fff;border-left:3px solid #c0392b;border-radius:0 8px 8px 0;box-shadow:0 1px 4px rgba(0,0,0,.06)}.filters__empty-hint{font-size:.9rem;color:#6c757d}.filters__sub-label{font-size:.78rem;font-weight:600;color:#6c757d;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.filters__split{display:flex;gap:0}.filters__split-col{flex:1;padding:0 16px}.filters__split-col:first-child{padding-left:0}.filters__split-col:last-child{padding-right:0}.filters__split-col+.filters__split-col{border-left:1px solid #dee2e6}.filters__inputs-row{display:flex;gap:12px}.filters__input-group label{display:block;font-weight:500;font-size:.8rem;color:#6c757d;margin-bottom:4px}.filters__input-group input{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.9rem;width:160px;background:#fff}.filters__input-group input:focus{outline:none;border-color:#c0392b}.filters__actions{display:flex;gap:10px;padding:14px 20px}.filters__clear{color:#6c757d}.filters__clear:hover{color:#212529}.filters__preset-group{display:flex;gap:6px;align-items:center}.filters__preset-input{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.85rem;width:180px;background:#fff;transition:border-color .2s}.filters__preset-input:focus{outline:none;border-color:#c0392b}.filters__preset-input::placeholder{color:#ced4da}.filters__preset-select{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.85rem;background:#fff;cursor:pointer}.filters__preset-select:focus{outline:none;border-color:#c0392b}.filters__entity-row{padding:12px 0;border-bottom:1px solid #dee2e6}.filters__entity-row:last-child{border-bottom:none}.filters__entity-label{font-size:.8rem;font-weight:700;color:#c0392b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.my-filters{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:24px;display:flex;flex-direction:column;gap:20px}.my-filters__group{display:flex;align-items:baseline;gap:16px}.my-filters__label{font-weight:600;font-size:.85rem;color:#343a40;text-transform:uppercase;letter-spacing:.5px;min-width:90px;flex-shrink:0}.my-filters__values{display:flex;flex-wrap:wrap;gap:8px}.my-filters__tag{display:inline-block;padding:6px 16px;background:rgba(192,57,43,.08);color:#c0392b;border-radius:20px;font-size:.88rem;font-weight:500}.my-filters__actions{display:flex;gap:10px;margin-top:20px}.errorlist{list-style:none;color:#e74c3c;font-size:.85rem;margin-top:4px}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px 16px;background:#fff;border-radius:8px;border:1px solid #e9ecef}.results-count{font-size:.9rem;color:#6c757d}.results-count i{color:#c0392b;margin-right:4px}.results-count strong{color:#212529}.results-sort{padding:6px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:.85rem;color:#343a40;background:#fff;cursor:pointer}.results-sort:focus{outline:none;border-color:#c0392b}.modal{display:flex;position:fixed;inset:0;z-index:1000;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .15s ease-out,visibility .15s ease-out}.modal--open{opacity:1;visibility:visible}.modal--open .modal__content{transform:scale(1)}.modal__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5)}.modal__content{position:relative;background:#fff;border-radius:8px;box-shadow:0 4px 16px rgba(0,0,0,.12);min-width:380px;max-width:500px;z-index:1;transform:scale(0.95);transition:transform .15s ease-out}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.modal__header h3{font-size:1.05rem;font-weight:700;margin:0}.modal__close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#6c757d;line-height:1}.modal__close:hover{color:#212529}.modal__body{padding:16px 20px}.modal__row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e9ecef}.modal__row:last-child{border-bottom:none}.modal__portal{font-weight:600;font-size:.95rem;color:#343a40}.modal__portal i{color:#c0392b;margin-right:6px}.presets-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(380px, 1fr));gap:20px}.preset-card{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden;animation:cardIn .2s ease-out both;display:flex;flex-direction:column}.preset-card__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.preset-card__header h3{font-size:1rem;font-weight:700;margin:0}.preset-card__header h3 i{color:#c0392b;margin-right:6px}.preset-card__date{font-size:.8rem;color:#6c757d}.preset-card__body{padding:16px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.preset-card__empty{font-size:.85rem;color:#6c757d;margin:0}.preset-card--default{border-color:#c0392b;border-width:2px}.preset-card__badge{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:4px;background:#c0392b;color:#fff}.preset-card__actions{display:flex;gap:8px;padding:12px 20px;border-top:1px solid #e9ecef;background:#f8f9fa;margin-top:auto;flex-wrap:wrap}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px;padding:16px 0}.pagination__pages{display:flex;align-items:center;gap:4px}.pagination__page{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:2px solid #dee2e6;border-radius:8px;font-size:.88rem;font-weight:500;color:#6c757d;background:#fff;cursor:pointer;transition:all .15s}.pagination__page:hover{border-color:#c0392b;color:#c0392b}.pagination__page--active{background:#c0392b;border-color:#c0392b;color:#fff;font-weight:700;cursor:default}.pagination__dots{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;font-size:.88rem;color:#ced4da;user-select:none}.results-count__page{color:#ced4da;margin-left:4px}.empty-state{text-align:center;padding:80px 20px;color:#6c757d}.empty-state__title{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#343a40}@keyframes cardIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.results-bar{animation:fadeIn .15s ease-out}.offer-grid .card:nth-child(1){animation-delay:0.03s}.offer-grid .card:nth-child(2){animation-delay:0.06s}.offer-grid .card:nth-child(3){animation-delay:0.09s}.offer-grid .card:nth-child(4){animation-delay:0.12s}.offer-grid .card:nth-child(5){animation-delay:0.15s}.offer-grid .card:nth-child(6){animation-delay:0.18s}.offer-grid .card:nth-child(7){animation-delay:0.21s}.offer-grid .card:nth-child(8){animation-delay:0.24s}.offer-grid .card:nth-child(9){animation-delay:0.27s}.offer-grid .card:nth-child(10){animation-delay:0.3s}.offer-grid .card:nth-child(11){animation-delay:0.33s}.offer-grid .card:nth-child(12){animation-delay:0.36s}.mf__chips-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.mf__group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mf__label{font-size:.72rem;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.3px;white-space:nowrap}.mf__chips{display:flex;flex-wrap:wrap;gap:4px}.mf__chip{cursor:pointer;user-select:none}.mf__chip input{display:none}.mf__chip span{display:inline-block;padding:3px 10px;font-size:.78rem;font-weight:500;border-radius:12px;border:1.5px solid #dee2e6;color:#6c757d;background:#fff;transition:all .12s}.mf__chip input:checked+span{background:#c0392b;border-color:#c0392b;color:#fff}.mf__chip:hover span{border-color:#c0392b}.mf__ranges{display:flex;flex-wrap:wrap;gap:8px}.mf__range{display:flex;align-items:center;gap:4px}.mf__range span{font-size:.72rem;font-weight:700;color:#6c757d;text-transform:uppercase;white-space:nowrap;min-width:56px}.mf__range input{width:72px;padding:4px 8px;font-size:.8rem;border:1.5px solid #dee2e6;border-radius:8px;background:#fff;color:#343a40}.mf__range input:focus{outline:none;border-color:#c0392b}.mf__range input::placeholder{color:#ced4da;font-size:.75rem}.dash-welcome{font-size:.85rem;color:#6c757d;margin:0 0 12px}.dash-welcome strong{color:#343a40}.page__header--compact{margin-bottom:0;padding-bottom:0}.dash-stats{display:grid;grid-template-columns:repeat(auto-fill, minmax(170px, 1fr));gap:14px;margin-bottom:14px}@media(max-width: 900px){.dash-stats{grid-template-columns:repeat(2, 1fr)}}.dash-stat{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px 18px;display:flex;align-items:center;gap:14px;animation:cardIn .2s ease-out both}.dash-entrance .dash-stat{animation:none;opacity:0;transform:translateY(-30px)}.dash-entrance .dash-stat.entrance-done{animation:statDrop .5s cubic-bezier(0.34, 1.56, 0.64, 1) both}.dash-stat__icon{width:40px;height:40px;border-radius:10px;background:rgba(192,57,43,.1);color:#c0392b;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.dash-stat__icon--green{background:rgba(39,174,96,.1);color:#27ae60}.dash-stat__icon--blue{background:rgba(41,128,185,.1);color:#2980b9}.dash-stat__icon--purple{background:rgba(142,68,173,.1);color:#8e44ad}.dash-stat__icon--orange{background:rgba(230,126,34,.1);color:#e67e22}.dash-stat__icon--gray{background:#e9ecef;color:#6c757d}.dash-stat__data{display:flex;flex-direction:column}.dash-stat__value{font-size:1.35rem;font-weight:800;color:#212529;line-height:1}.dash-stat__label{font-size:.78rem;color:#6c757d;font-weight:500}.dash-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;margin-bottom:14px}@media(max-width: 1100px){.dash-grid{grid-template-columns:1fr}}.dash-card{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);animation:cardIn .2s ease-out both}.dash-entrance .dash-card{animation:none;opacity:0;transform:translateY(15px)}.dash-entrance .dash-card.enter-left{animation:slideLeft .5s ease-out both}.dash-entrance .dash-card.enter-right{animation:slideRight .5s ease-out both}.dash-entrance .dash-card.enter-fade{animation:fadeUp .5s ease-out both}.dash-card--full{margin-bottom:14px}.dash-card__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e9ecef}.dash-card__header h3{font-size:.88rem;font-weight:700;margin:0}.dash-card__header h3 i{color:#c0392b;margin-right:6px}.dash-card__body{padding:14px 16px}.dash-card__body--recent{padding:0 16px 10px}.dash-portals{display:flex;flex-direction:column;gap:5px}.dash-portal{display:flex;align-items:center;justify-content:space-between;padding:6px 10px;background:#f8f9fa;border-radius:6px}.dash-portal__name{font-weight:600;font-size:.82rem;color:#343a40}.dash-portal__count{font-weight:700;font-size:.82rem;color:#c0392b}.dash-brands{display:flex;flex-direction:column;gap:8px}@media(max-height: 800px){.dash-brands .dash-brand:nth-child(n+6){display:none}}.dash-brand__info{display:flex;justify-content:space-between;margin-bottom:3px}.dash-brand__name{font-size:.82rem;font-weight:600;color:#343a40}.dash-brand__count{font-size:.78rem;font-weight:700;color:#c0392b}.dash-brand__bar-bg{height:8px;background:#e9ecef;border-radius:3px;overflow:hidden}.dash-brand__bar{height:100%;background:linear-gradient(90deg, #c0392b 0%, #e74c3c 100%);border-radius:3px;transition:width .4s ease}.dash-recent{display:flex;flex-direction:column;overflow:hidden}.dash-recent__row{display:flex;flex-wrap:wrap;align-items:center;gap:3px 12px;padding:8px 0;border-bottom:1px solid #e9ecef;transition:opacity .5s ease,transform .5s ease;flex-shrink:0}.dash-recent__row:last-child{border-bottom:none}.dash-recent__row--enter{opacity:0;transform:translateY(-20px)}.dash-recent__row--hidden{opacity:0}.dash-recent__car strong{font-size:.82rem}.dash-recent__year{font-size:.75rem;color:#6c757d;margin-left:6px}.dash-recent__meta{display:flex;gap:10px;font-size:.75rem;color:#6c757d;padding-left:1px}.dash-recent__meta i{color:#c0392b;margin-right:2px}.dash-recent__price{font-weight:700;color:#c0392b;font-size:.85rem;white-space:nowrap;margin-left:auto}.dash-recent__date{font-size:.75rem;color:#6c757d;white-space:nowrap}.welcome-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:9999;display:flex;align-items:center;justify-content:center}.welcome-overlay__left,.welcome-overlay__right{position:absolute;top:0;width:50%;height:100%;background:#c0392b;transition:transform 1.1s cubic-bezier(0.77, 0, 0.175, 1)}.welcome-overlay__left{left:0}.welcome-overlay__right{right:0}.welcome-overlay--open .welcome-overlay__left{transform:translateX(-105%)}.welcome-overlay--open .welcome-overlay__right{transform:translateX(105%)}.welcome-overlay__content{position:relative;z-index:1;text-align:center;color:#fff;opacity:0;transform:scale(0.9);transition:opacity .6s ease,transform .6s ease}.welcome-overlay__content--visible{opacity:1;transform:scale(1)}.welcome-overlay__content--hidden{opacity:0;transform:scale(0.85);transition:opacity .35s ease,transform .35s ease}.welcome-overlay__icon{font-size:4rem;margin-bottom:20px;display:block;animation:welcomePulse 2s ease-in-out infinite}.welcome-overlay__title{font-size:2.8rem;font-weight:800;margin:0 0 12px;letter-spacing:-0.5px}.welcome-overlay__text{font-size:1.1rem;opacity:.9;margin:0 0 36px;line-height:1.6}.welcome-overlay__btn{display:inline-block;padding:14px 42px;font-size:1rem;font-weight:700;color:#c0392b;background:#fff;border:none;border-radius:50px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px rgba(0,0,0,.2)}.welcome-overlay__btn:hover{transform:translateY(-2px);box-shadow:0 6px 28px rgba(0,0,0,.3)}@keyframes welcomePulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.dash-sub-box{background:linear-gradient(135deg, #27ae60 0%, #2ecc71 100%);border-radius:8px;padding:16px 22px;display:flex;align-items:center;gap:16px;margin-bottom:14px;color:#fff;box-shadow:0 4px 16px rgba(39,174,96,.3)}.dash-entrance .dash-sub-box{animation:none;opacity:0;transform:translateY(-30px)}.dash-entrance .dash-sub-box.entrance-done{animation:statDrop .5s cubic-bezier(0.34, 1.56, 0.64, 1) both}.dash-sub-box__icon{width:48px;height:48px;border-radius:12px;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.dash-sub-box__info{flex:1}.dash-sub-box__title{font-size:1rem;font-weight:700;margin-bottom:2px}.dash-sub-box__meta{font-size:.82rem;opacity:.9}.dash-sub-box__meta i{margin-right:3px}.dash-sub-box__days{background:hsla(0,0%,100%,.2);padding:1px 8px;border-radius:10px;font-weight:700;font-size:.78rem;margin-left:6px}.dash-sub-box__warning{font-size:.78rem;color:#fff3cd;margin-top:3px}.dash-sub-box__warning i{margin-right:4px}.dash-sub-box__link{width:36px;height:36px;border-radius:50%;background:hsla(0,0%,100%,.15);display:flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:.85rem;flex-shrink:0;transition:background .2s}.dash-sub-box__link:hover{background:hsla(0,0%,100%,.3)}@keyframes statDrop{0%{opacity:0;transform:translateY(-30px)}50%{opacity:1;transform:translateY(6px)}75%{transform:translateY(-2px)}100%{opacity:1;transform:translateY(0)}}@keyframes slideLeft{from{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes slideRight{from{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.panel-table-wrap{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow-x:auto;margin-bottom:24px}.panel-table{width:100%;border-collapse:collapse;font-size:.88rem}.panel-table th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.3px;color:#6c757d;border-bottom:2px solid #e9ecef;white-space:nowrap}.panel-table td{padding:12px 16px;border-bottom:1px solid #e9ecef;color:#343a40}.panel-table tbody tr{transition:background .1s}.panel-table tbody tr:hover{background:#f8f9fa}.panel-table tbody tr:last-child td{border-bottom:none}.panel-badge{display:inline-block;padding:2px 10px;border-radius:12px;font-size:.75rem;font-weight:600;background:#e9ecef;color:#343a40}.panel-badge--red{background:rgba(192,57,43,.1);color:#c0392b}.panel-badge--green{background:rgba(39,174,96,.1);color:#27ae60}.panel-badge--blue{background:rgba(41,128,185,.1);color:#2980b9}.panel-badge--gray{background:#e9ecef;color:#6c757d}.panel-actions{display:flex;gap:4px}.panel-table__row--hidden{opacity:0;transform:translateX(-20px)}.panel-table__row--visible{opacity:1;transform:translateX(0);transition:opacity .35s ease,transform .35s ease}.panel-filters-bar{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px 20px;margin-bottom:20px}.panel-filters-form{display:flex;gap:12px;align-items:center}.panel-filters-form select{padding:8px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.88rem;background:#fff;cursor:pointer}.panel-filters-form select:focus{outline:none;border-color:#c0392b}.panel-search{flex:1;padding:8px 14px;border:2px solid #dee2e6;border-radius:8px;font-size:.88rem;background:#fff;transition:border-color .2s}.panel-search:focus{outline:none;border-color:#c0392b}.panel-quick{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 1fr));gap:20px;margin-top:28px}.panel-quick__item{background:#fff;border-radius:8px;border:1px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:8px;transition:all .2s;color:#343a40}.dash-entrance .panel-quick__item{opacity:0;transform:translateY(-30px)}.dash-entrance .panel-quick__item.entrance-done{animation:statDrop .5s cubic-bezier(0.34, 1.56, 0.64, 1) both}.panel-quick__item:hover{border-color:#c0392b;box-shadow:0 4px 16px rgba(0,0,0,.12);transform:translateY(-2px);color:#c0392b}.panel-quick__item i{font-size:1.8rem;color:#c0392b}.panel-quick__item span{font-weight:700;font-size:1rem}.panel-quick__item small{font-size:.82rem;color:#6c757d}.sidebar__panel{border-top:1px solid #e9ecef;padding:8px 12px}.sidebar__toggle{background:none;border:none;cursor:pointer;font-family:inherit;font-size:inherit;width:100%;text-align:left}.sidebar__chevron{margin-left:auto;font-size:.65rem;transition:transform .25s ease;transform:rotate(-90deg)}.sidebar__toggle--open .sidebar__chevron{transform:rotate(0)}.sidebar__sub{max-height:0;overflow:hidden;transition:max-height .25s ease}.sidebar__sub--open{max-height:400px}.sidebar__link--sub{padding-left:44px;font-size:.88rem}.svg-chart{width:100%;min-height:200px;overflow:hidden}.svg-chart svg{display:block}.svg-chart__dot{cursor:pointer;transition:r .15s ease}.svg-chart__dot:hover{r:6}.dash-grid--half{grid-template-columns:repeat(2, 1fr)}@media(max-width: 900px){.dash-grid--half{grid-template-columns:1fr}}.dash-grid--40-60{grid-template-columns:2fr 3fr}@media(max-width: 900px){.dash-grid--40-60{grid-template-columns:1fr}}.dash-grid--30-70{grid-template-columns:3fr 7fr}@media(max-width: 900px){.dash-grid--30-70{grid-template-columns:1fr}}.chart-tooltip{display:none;position:absolute;z-index:100;background:#212529;color:#fff;padding:6px 12px;border-radius:6px;font-size:.8rem;line-height:1.4;pointer-events:none;white-space:nowrap;box-shadow:0 4px 16px rgba(0,0,0,.12)}.chart-tooltip::after{content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);border:5px solid rgba(0,0,0,0);border-top-color:#212529}.chart-range{display:flex;gap:2px;background:#e9ecef;border-radius:6px;padding:2px}.chart-range__btn{padding:4px 12px;border:none;background:rgba(0,0,0,0);border-radius:4px;font-size:.75rem;font-weight:600;color:#6c757d;cursor:pointer;transition:all .15s}.chart-range__btn:hover{color:#212529}.chart-range__btn--active{background:#fff;color:#212529;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dash-card__header--toggle{cursor:pointer;user-select:none}.dash-card__header--toggle:hover{background:#f8f9fa}.dash-card__chevron{font-size:.75rem;color:#6c757d;transition:transform .25s ease}.dash-card__toggle{background:none;border:none;cursor:pointer;color:#6c757d;padding:4px 8px;border-radius:6px;font-size:.75rem;transition:background .15s,color .15s}.dash-card__toggle:hover{background:#f8f9fa;color:#212529}.dash-card__collapsible-body{overflow:hidden;max-height:600px;transition:max-height .35s ease,padding .35s ease,opacity .25s ease;opacity:1}.dash-card__collapsible-body--collapsed{max-height:0;padding-top:0;padding-bottom:0;opacity:0}.panel-modal{display:none;position:fixed;inset:0;z-index:1000;background:rgba(0,0,0,.4);align-items:center;justify-content:center}.panel-modal--open{display:flex}.panel-modal__box{background:#fff;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.12);width:100%;max-width:440px;animation:fadeUp .25s ease-out}.panel-modal__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e9ecef}.panel-modal__header h3{font-size:.95rem;font-weight:700;margin:0}.panel-modal__header h3 i{color:#c0392b;margin-right:6px}.panel-modal__close{background:none;border:none;font-size:1.1rem;color:#6c757d;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .15s}.panel-modal__close:hover{background:#f8f9fa;color:#212529}.panel-modal__body{padding:16px 20px}.panel-modal__row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.panel-modal__row span{font-size:.82rem;color:#6c757d}.panel-modal__row strong{font-size:.85rem;color:#212529}.panel-modal__divider{height:1px;background:#e9ecef;margin:4px 0}.account-page{max-width:760px;margin:0 auto}.account-form{display:flex;flex-direction:column;gap:14px}.account-form__group{display:flex;flex-direction:column;gap:5px}.account-form__label{font-size:.82rem;font-weight:600;color:#343a40}.account-form__input,.account-form__select,.account-form__textarea{width:100%;padding:9px 12px;border:1px solid #dee2e6;border-radius:8px;font-size:.88rem;color:#212529;background:#fff;transition:border-color .2s}.account-form__input:focus,.account-form__select:focus,.account-form__textarea:focus{outline:none;border-color:#c0392b;box-shadow:0 0 0 3px rgba(192,57,43,.08)}.account-form__input:disabled,.account-form__select:disabled,.account-form__textarea:disabled{background:#f8f9fa;color:#6c757d;cursor:not-allowed}.account-form__textarea{resize:none;height:80px}.account-form__nip-row{display:flex;gap:8px;align-items:center}.account-form__nip-row .account-form__input{flex:1}.account-form__nip-row .btn{white-space:nowrap;flex-shrink:0}.account-form__error{font-size:.78rem;color:#e74c3c;font-weight:500;min-height:1em}.account-actions{margin-top:14px}.account-alert{padding:10px 14px;border-radius:8px;font-size:.85rem;font-weight:500;margin-bottom:14px}.account-alert--success{background:rgba(39,174,96,.1);color:#1e8449;border:1px solid rgba(39,174,96,.2)}.account-alert--error{background:rgba(231,76,60,.1);color:#c0392b;border:1px solid rgba(231,76,60,.2)}.account-sub{display:flex;flex-direction:column;gap:10px}.account-sub__row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid #e9ecef;font-size:.85rem}.account-sub__row:last-of-type{border-bottom:none}.account-sub__row span{color:#6c757d}.account-sub__row strong{color:#212529}.account-sub__warning{background:rgba(230,126,34,.1);color:#e67e22;padding:10px 14px;border-radius:8px;font-size:.82rem;font-weight:600;border:1px solid rgba(230,126,34,.2)}.account-sub__warning i{margin-right:4px}.pkg-active-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:2px solid rgba(39,174,96,.3);border-radius:50px;padding:10px 24px;font-size:.88rem;font-weight:500;color:#343a40;box-shadow:0 2px 12px rgba(39,174,96,.1)}.pkg-active-badge__icon{width:32px;height:32px;border-radius:50%;background:rgba(39,174,96,.12);color:#27ae60;display:flex;align-items:center;justify-content:center;font-size:.9rem}.pkg-active-badge strong{color:#27ae60}.pkg-active-badge__expires{font-size:.8rem;color:#6c757d;margin-left:4px}.pkg-active-badge__expires i{margin-right:3px;color:#6c757d}.pkg-active-badge__no-renew{font-size:.78rem;color:#e67e22;font-weight:600;margin-left:8px}.pkg-active-badge__no-renew i{margin-right:3px}.pkg-active-badge--pending{border-color:rgba(230,126,34,.3);box-shadow:0 2px 12px rgba(230,126,34,.1)}.pkg-active-badge__icon--pending{background:rgba(230,126,34,.12);color:#e67e22}.pkg-center{display:flex;flex-direction:column;align-items:center;flex:1;min-height:calc(100vh - 300px);padding-top:40px;gap:24px}.pkg-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.pkg-card{width:360px;background:#fff;border-radius:8px;border:2px solid #e9ecef;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:36px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;position:relative;transition:border-color .2s,box-shadow .2s}.dash-entrance .pkg-card{animation:none;opacity:0;transform:translateY(15px)}.dash-entrance .pkg-card.enter-fade{animation:fadeUp .5s ease-out both}.pkg-card:hover{border-color:#dee2e6;box-shadow:0 4px 16px rgba(0,0,0,.12)}.pkg-card--active{border-color:#c0392b}.pkg-card--active:hover{border-color:#c0392b}.pkg-card__badge{position:absolute;top:12px;right:12px;background:rgba(41,128,185,.1);color:#2980b9;font-size:.72rem;font-weight:700;padding:2px 10px;border-radius:12px}.pkg-card__name{font-size:1.2rem;font-weight:800;color:#212529}.pkg-card__desc{font-size:.85rem;color:#6c757d;line-height:1.5}.pkg-card__price{margin-top:4px}.pkg-card__amount{font-size:1.8rem;font-weight:800;color:#212529}.pkg-card__currency{font-size:.9rem;font-weight:600;color:#6c757d}.pkg-card__period{font-size:.78rem;color:#ced4da;margin-left:2px}.pkg-card__netto{font-size:.78rem;color:#6c757d;margin-top:-8px}.pkg-card__features{display:flex;flex-direction:column;align-items:center;gap:6px;margin:4px 0}.pkg-card__feature{font-size:.82rem;color:#343a40;font-weight:500}.pkg-card__feature i{color:#c0392b;margin-right:6px;width:16px;text-align:center}.btn--block{width:100%;text-align:center;margin-top:auto}.pkg-form-checks{display:flex;flex-wrap:wrap;gap:16px;margin-top:4px}.pkg-form-check{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.88rem;font-weight:500;color:#343a40}.pkg-form-check input[type=checkbox]{width:18px;height:18px;accent-color:#c0392b;cursor:pointer}.pay-processing{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px)}.pay-processing__card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 48px;transition:opacity .3s ease,transform .3s ease}.pay-processing__card--success,.pay-processing__card--error{opacity:0;transform:scale(0.9)}.pay-processing__card--visible{opacity:1;transform:scale(1)}.pay-processing__spinner{position:relative;width:96px;height:96px;margin-bottom:32px;display:flex;align-items:center;justify-content:center}.pay-processing__ring{position:absolute;inset:0;border:4px solid #e9ecef;border-top-color:#c0392b;border-radius:50%;animation:payRingSpin 1s linear infinite}.pay-processing__icon{font-size:2rem;color:#c0392b;animation:payIconPulse 2s ease-in-out infinite}.pay-processing__check{font-size:4.5rem;color:#27ae60;margin-bottom:24px;animation:payCheckBounce .6s cubic-bezier(0.34, 1.56, 0.64, 1) both}.pay-processing__error-icon{font-size:4.5rem;color:#e74c3c;margin-bottom:24px;animation:payCheckBounce .6s cubic-bezier(0.34, 1.56, 0.64, 1) both}.pay-processing__title{font-size:1.6rem;font-weight:800;color:#212529;margin:0 0 10px}.pay-processing__text{font-size:1rem;color:#6c757d;margin:0 0 24px}.pay-processing__dots{display:inline-block;min-width:18px;text-align:left}@keyframes payRingSpin{to{transform:rotate(360deg)}}@keyframes payIconPulse{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(1.15);opacity:1}}@keyframes payCheckBounce{0%{transform:scale(0);opacity:0}60%{transform:scale(1.2);opacity:1}100%{transform:scale(1);opacity:1}}.invoices-page{max-width:760px;margin:0 auto}.invoices-list{display:flex;flex-direction:column;gap:10px}.invoice-row{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08);padding:16px 20px}.dash-entrance .invoice-row{animation:none;opacity:0;transform:translateY(15px)}.dash-entrance .invoice-row.enter-fade{animation:fadeUp .5s ease-out both}.invoice-row__info{flex:1;min-width:0}.invoice-row__number{font-size:.92rem;font-weight:700;color:#212529}.invoice-row__item{font-size:.82rem;color:#6c757d;margin-top:2px}.invoice-row__meta{display:flex;align-items:center;gap:16px;flex-shrink:0}.invoice-row__date{font-size:.82rem;color:#6c757d}.invoice-row__date i{color:#c0392b;margin-right:4px}.invoice-row__amount{font-size:.95rem;font-weight:700;color:#c0392b;white-space:nowrap}@media(max-width: 600px){.invoice-row{flex-wrap:wrap}.invoice-row__meta{width:100%;justify-content:space-between}}.sms-tpl-grid{flex:1}.sms-tpl-grid>.dash-card{display:flex;flex-direction:column;min-height:0}.sms-tpl-grid>.dash-card>.dash-card__body{flex:1;overflow-y:auto;display:flex;flex-direction:column}.sms-tpl-page{display:flex;flex-direction:column;height:calc(100dvh - 40px)}.sms-tpl-page>.page__header{flex-shrink:0}.sms-tpl-page>.sms-tpl-grid{flex:1;min-height:0}.sms-phone{display:flex;flex-direction:column;flex:1;max-width:420px;margin:0 auto}.sms-var-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:4px}.sms-var-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:16px}@media(max-width: 900px){.sms-var-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.sms-var-grid{grid-template-columns:1fr}}.sms-var-group{display:flex;flex-direction:column;gap:5px}.sms-var-group__title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:#ced4da;margin-bottom:2px}.sms-var-tag{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;font-size:.78rem;font-weight:600;background:rgba(41,128,185,.1);color:#2980b9;cursor:pointer;transition:all .15s;border:none;font-family:inherit}.sms-var-tag:hover{background:rgba(41,128,185,.2);transform:translateY(-1px)}.sms-var-tag__label{color:#6c757d;font-weight:400;font-size:.72rem}.sms-body-textarea{height:120px;resize:vertical;font-family:inherit}.sms-preview{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:16px;min-height:60px;font-size:.9rem;line-height:1.6;color:#343a40;white-space:pre-wrap;word-break:break-word}.sms-counter{display:flex;gap:16px;margin-top:8px;font-size:.78rem;color:#6c757d}.sms-tpl-card{padding:16px 18px;border-radius:8px;cursor:pointer;transition:all .2s;background:#fff;border-left:3px solid rgba(0,0,0,0)}.sms-tpl-card+.sms-tpl-card{border-top:1px solid #f8f9fa}.sms-tpl-card:hover{background:#f8f9fa;border-left-color:rgba(192,57,43,.3)}.sms-tpl-card--active{background:rgba(192,57,43,.04);border-left-color:#c0392b}.sms-tpl-card--active .sms-tpl-card__name{color:#c0392b}.sms-tpl-card__header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.sms-tpl-card__name{font-weight:700;font-size:.95rem;transition:color .2s}.sms-tpl-card__badges{display:flex;gap:3px;flex-shrink:0}.sms-tpl-card__badge{font-size:.65rem;padding:1px 5px;border-radius:4px;background:rgba(41,128,185,.08);color:#2980b9;font-weight:600}.sms-tpl-card__body{font-size:.84rem;color:#6c757d;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.5;margin-top:2px}.sms-phone{background:#1a1a2e;border-radius:28px;padding:0;max-width:420px;margin:0 auto;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.15),inset 0 0 0 2px #2a2a40}.sms-phone__notch{width:100px;height:22px;background:#1a1a2e;border-radius:0 0 14px 14px;margin:0 auto}.sms-phone__header{display:flex;align-items:center;justify-content:space-between;padding:8px 20px 12px;color:hsla(0,0%,100%,.7);font-size:.85rem}.sms-phone__header span{font-weight:600;color:#fff}.sms-phone__header i{font-size:.8rem}.sms-phone__messages{background:#f0f0f5;min-height:300px;flex:1;padding:24px 16px;display:flex;flex-direction:column;justify-content:flex-end}.sms-phone__bubble{max-width:85%;padding:10px 14px;border-radius:16px;font-size:.82rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;transition:opacity .15s ease,transform .15s ease}.sms-phone__bubble--out{background:#3b82f6;color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.sms-phone__placeholder{opacity:.7;font-style:italic}.sms-phone__input{background:#f0f0f5;padding:10px 16px 20px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e0e0e5}.sms-phone__input span{font-size:.8rem;color:#999}.sms-phone__input i{color:#3b82f6;font-size:.9rem}.sms-vars-ref{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:8px}.sms-vars-ref__item{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:6px;background:#f8f9fa;font-size:.8rem}.sms-vars-ref__item code{font-size:.72rem;font-weight:700;color:#2980b9;background:rgba(41,128,185,.08);padding:2px 6px;border-radius:4px;flex-shrink:0}.sms-vars-ref__item span{color:#343a40;font-weight:500}.sms-vars-ref__item small{color:#ced4da;margin-left:auto;flex-shrink:0}.sms-test-row{display:flex;justify-content:space-between;padding:4px 0;font-size:.82rem}.sms-test-row span{color:#6c757d}.sms-test-row strong{color:#212529}