body{display:flex;flex-direction:column;min-height:100vh;background:#f2f2f2;}
footer{margin-top:auto}

/* дашборд стили*/
.project-dashboard-card{border-radius:12px;overflow:hidden;margin-bottom:2rem;border: 1px solid #ffcccc;}
.project-card-header{background:linear-gradient(135deg, #f1f1f1, #f9f9f9);border-bottom:1px solid #fcc;padding:0}
.project-title{color:#1a1a2e;margin-bottom:5px;font-weight:700}
.project-event-type{color:#b35f5f;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;}
.project-meta{color:#888;font-size:.85rem}
.project-main-btn{background:#b35f5f;color:#fff;border-radius:50px;padding:10px 28px;font-weight:600;box-shadow:0 5px 15px #b35f5f4d}
.project-main-btn:hover{background:#9e4a4a;color:#fff}
.demo-alert{border-radius:15px}
.demo-upgrade-btn{background:#ffb3b3;color:#fff;border-radius:50px;padding:5px 20px}
.demo-upgrade-btn:hover{background:#f99;color:#fff}
.quick-actions-title{color:#555;font-weight:600;font-size:.85rem}
.quick-action-btn{border-radius:12px;text-decoration:underline;}
.stat-card{background:#f8f9fa;border-radius:12px;padding:.5rem;line-height:1.2;}
.stat-icon{font-size:1.3rem;color:#b35f5f}
.stat-value{font-weight:700}
.stat-label{color:#6c757d;font-size:.75rem}
.stat-small-success{font-size:.7rem;color:#28a745}
.stat-small-muted{font-size:.7rem;color:#6c757d}
.project-footer-info{margin-top:.75rem;color:#6c757d;font-size:.75rem;display:flex;gap:1rem;flex-wrap:wrap}
hr.project-divider{margin:1rem 0}
.project-filter>button {margin-bottom:0.25rem;}

/* ===== ГОРИЗОНТАЛЬНЫЙ СКРОЛЛ ДЛЯ УВЕДОМЛЕНИЙ ===== */
.notifications-slider-wrapper{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 12px;mask-image:linear-gradient(to right,black 85%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 85%,transparent 100%)}
.notifications-slider-wrapper::-webkit-scrollbar{display:none}
.notifications-slider-track{display:flex;gap:12px;flex-wrap:nowrap}
.notification-slide-item{flex:0 0 90%;max-width:90%;min-width:0}
.notifications-slider-hint{display:none;text-align:right;font-size:.7rem;color:#b0b0c0;padding-right:4px;margin-top:2px}
@media (min-width: 1200px) {
.notifications-slider-wrapper{overflow-x:visible;overflow-y:visible;mask-image:none;-webkit-mask-image:none}
.notifications-slider-track{flex-wrap:wrap;gap:16px}
.notification-slide-item{flex:0 0 calc(33.333% - 12px);max-width:calc(33.333% - 12px);min-width:0}
.notifications-slider-hint{display:none!important}
}
@media (max-width: 767px) {
.notifications-slider-hint{display:block}
.stat-card {line-height:1}
}

.project-card-layout{display:flex;gap:0;min-height:100%}
.project-card-info{flex:1;padding:1rem;min-width:0}
.project-action-panel{flex:0 0 35%;max-width:280px;min-width:140px;background:linear-gradient(135deg,#b35f5f,#d48080);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .3s}
.project-action-panel:hover{background:linear-gradient(135deg,#8b3a3a,#b35f5f);color:#fff}
.project-action-content{text-align:center;padding:0.5rem; line-height:1;}
.project-action-icon{font-size:2rem;display:block;margin:8px 0;opacity:.9}
.project-action-text{font-size:.9rem;font-weight:500;line-height:1.3}
.project-title{margin:0;line-height:1;}

.demo-alert{font-size:.8rem;color:#dc3545;margin-top:8px}
.demo-alert.expired{font-weight:500}
.demo-upgrade-link{color:#b35f5f;font-weight:600;text-decoration:none;margin-left:4px}
.demo-upgrade-link:hover{text-decoration:underline}

.create-event-card{width:100%;text-align:left;border:none;border-radius:14px;padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:transform 0.2s,box-shadow .2s;color:#fff;font-size:.9rem}
.create-event-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}
.create-event-card small{opacity:.85;display:block;font-size:.7rem;line-height:1.3}
.create-event-icon{font-size:1.4rem;flex-shrink:0}
.create-event-card.wedding{background:linear-gradient(135deg,#f093fb,#f5576c);min-height:100px}
.create-event-card.wedding .create-event-icon { font-size: 2rem; }
.create-event-card.wedding .fw-semibold { font-size: 1.1rem; }

@media (max-width: 576px) {
    .create-event-card.wedding {min-height: 80px; }
    .create-event-card.wedding .create-event-icon { font-size: 1.5rem; }
    .create-event-card.wedding .fw-semibold { font-size: 0.95rem; }
	.project-action-text{font-size:.7rem;}
	.project-action-icon {font-size: 1.5rem;}
}

/* Градиенты */
.create-event-card.wedding { background: linear-gradient(135deg, #f093fb, #f5576c); }
.create-event-card.birthday { background: linear-gradient(135deg, #4facfe, #00f2fe); }
.create-event-card.corporate { background: linear-gradient(135deg, #667eea, #764ba2); }
.create-event-card.bachelor { background: linear-gradient(135deg, #f7971e, #ffd200); color: #333; }
.create-event-card.gender { background: linear-gradient(135deg, #a18cd1, #fbc2eb); }
.create-event-card.bachelor small { color: #555; }

@media (max-width: 576px) {
    .create-event-card {
        flex-direction: row;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        font-size: 0.8rem;
    }
    .create-event-icon {
        font-size: 1.2rem;
        flex-shrink: 0;
    }
    .create-event-card small {
        font-size: 0.65rem;
    }
    #createProjectModal .col-6 {
        width: 100%;
    }
}

#rotatingEvent {    transition: opacity 0.3s ease, transform 0.3s ease;-webkit-text-fill-color: #ff1436;}

/* Выпадающее меню в шапке */
.navbar .dropdown-menu {     border: none;     border-radius: 16px;     box-shadow: 0 8px 24px rgba(0,0,0,0.1);     padding: 0.5rem; }
.navbar .dropdown-item {     border-radius: 10px;     padding: 0.6rem 1rem;     font-size: 0.95rem;     transition: all 0.2s; }
.navbar .dropdown-item:hover {     background: #fff5f5;     color: #b35f5f;     transform: translateX(4px); }

.admin-navbar{background:rgba(255,255,255,.95);backdrop-filter:blur(12px);box-shadow:0 4px 20px rgba(0,0,0,.04);padding:12px 0}

.navbar{background:#ffffffd9;backdrop-filter:blur(12px);box-shadow:0 8px 20px #0000000a;padding:1rem 0;transition:all .3s ease}
.navbar-brand{font-weight:800;font-size:1.8rem;background:linear-gradient(135deg,#b76e79,#2c3e50);-webkit-background-clip:text;	}
.navbar-brand img {width: 40px;margin-top: -0.5rem;}
.navbar.fixed-top + .container {padding-top: calc(2rem + 35px);}
.tariffs-link{color:#3966fb;border:1px solid #3966fb;transition:all .2s}
.tariffs-link:hover{background:#3966fb;color:#fff}
.logout-link{color:#b76e79;background:#f5f0f5;transition:all .2s}
.logout-link:hover{background:#b76e79;color:#fff}

.invite-published-block { background: #d4edda; border: 1px solid #a3d9a5; border-radius: 12px; padding: 14px 16px; }
.qr-block {padding: 14px 16px;}
.invite-draft-block { background: #fff3cd; border: 2px dashed #ffc107; border-radius: 12px; padding: 14px 16px; }

.custom-tariff-card{background:#fff;border:2px dashed #e0d0d0;border-radius:12px;padding:1.5rem;text-align:center;margin:0 auto}
.custom-tariff-card i{font-size:2rem;}
.custom-tariff-card h5{color:#b35f5f;margin-top:.5rem}
.custom-tariff-card p{color:#999;font-size:.85rem}
.custom-tariff-card .btn-telegram{max-width: 300px;margin: 0 auto;background: #b35f5f;color: #fff;border-radius: 50px;padding: 13px 20px;text-decoration: none;font-size: 1rem;font-weight: 500;align-items: center;justify-content: center;}
.custom-tariff-card .btn-telegram:hover{background:#a04a4a;color:#fff}

#promocodeBlock {display: block;border-bottom: 1px dashed rgb(255, 204, 204);}

@media (min-width: 992px) {
.tariffs-link,.logout-link{border:none;background:none}
.tariffs-link:hover{background:#3966fb14;color:#3966fb}
.logout-link:hover{background:#b76e7914;color:#b76e79}
}
.admin-user-block{border-top:1px solid #f0e0e0;padding-top:.75rem;margin-top:.5rem}
@media (min-width: 992px) {
.admin-user-block{border-top:none;padding-top:0;margin-top:0}
}

@media (max-width: 991.98px) {
    .admin-user-block {width: 100%;}
    .admin-user-name, .admin-logout-btn {flex: 1; text-align: center;}
    .admin-user-name {text-align: left;}
}
	
@media(max-width:576px){
	.navbar-brand{font-size:1.4rem}
	.mobile-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.75);z-index:1020;opacity:0;pointer-events:none;transition:opacity .25s}
	.mobile-overlay.active{opacity:1;pointer-events:auto}
	.navbar-collapse{position:relative;z-index:1030;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);border-radius:0 0 28px 28px;padding:16px 20px 24px;margin-top:8px;box-shadow:0 20px 40px rgba(0,0,0,.08)}
	.navbar .navbar-nav{gap:10px!important;align-items:stretch!important}
	.navbar .nav-link{font-size:0.8rem;font-weight:600;padding:10px;color:#1a1a2e;border-radius:50px;display:flex;align-items:center;gap:5px;transition:background .2s}
	.navbar .nav-link:active{background:#f5f0f5}
	.navbar .nav-link i{color:#b76e79;width:22px;text-align:center}
	.navbar .btn-outline-dark,
	.navbar .btn-primary-custom{display:block;width:100%;text-align:center;padding:14px 0;font-size:.95rem;font-weight:600;border-radius:50px;margin:0}
	.navbar .btn-outline-dark{border:2px solid #1a1a2e;background:transparent;color:#1a1a2e}
	.navbar .btn-outline-dark:active{background:#1a1a2e;color:#fff}
	.navbar .btn-primary-custom{padding:15px 0;font-size:1rem}
		.container.mt-4{padding:0 16px;margin-top:1rem!important}
	.card[style*="background: #fff5f5"] h4{font-size:1rem}
	.card[style*="background: #fff5f5"] .badge{font-size:.7rem!important;padding:4px 8px!important}
	.card[style*="background: #fff5f5"] p{font-size:.7rem;margin-bottom:4px}
	.progress{height:8px!important}
	#showUpgradeBtn{padding:8px 16px!important;font-size:.85rem;width:100%;margin-top:10px}
	#upgradeBlock .row.g-4{flex-direction:column;gap:1rem!important}
	#upgradeBlock .col-md-6{width:100%;flex:0 0 100%;max-width:100%}
	#upgradeBlock .card{padding:1rem!important}
	#upgradeBlock h3{font-size:1.2rem}
	#upgradeBlock .display-6{font-size:1.4rem!important}
	#promocodeBlock .row{flex-direction:column;gap:10px}
	#promocodeBlock .col-8,#promocodeBlock .col-4{width:100%;flex:0 0 100%;max-width:100%}
	#promocodeBlock input{margin-bottom:8px}
	h1{font-size:1.3rem}
	.col.text-end{text-align:left!important;margin-top:8px}
	.col.text-end .btn{display:block;width:100%;margin-bottom:8px;font-size:.85rem;padding:10px}
	.invite-published-block {border-radius:0}
	.project-card .p-4 {padding: 0 !important;}
	.project-card h3{font-size:1.3rem}
	.project-card .proj_date,
	.project-card .badge{font-size:.75rem!important}
	.project-card .row.g-3{flex-direction:column;gap:8px!important}
	.project-card .p-2{font-size:.85rem;padding:.6rem!important}
	.project-card .btn:not(button){width:100%;text-align:center;font-size:.85rem;padding:10px}
	.project-card hr{margin:1rem 0}
	.modal-dialog{margin:10px}
	.modal-content{border-radius:16px!important}
	.modal-header{padding:1rem!important}
	.modal-body{padding:1rem!important}
	.modal-footer{flex-direction:column;gap:8px}
	.modal-footer .btn{width:100%;margin:0!important}
	#previewFrame{height:50vh!important}
	.alert-dismissible{padding:.8rem 1rem!important;font-size:.85rem;margin:1rem 12px}
	footer .container{flex-direction:column;gap:1rem}
	footer .col-md-6{width:100%;text-align:center!important}
	footer .text-md-end{text-align:center!important}
}

.tariff-card{background:#fff5f5;border:1px solid #fcc;padding:1.2rem 1.5rem;position:relative}
.tariff-title{color:#b35f5f;margin:0}
.tariff-upgrade-btn{background:#ff1436;color:#fff;border-radius:50px;padding:10px 30px}
.tariff-upgrade-btn:hover{background:#666;color:#fff}
.tariff-progress{height:10px;border-radius:5px}
.tariff-progress .progress-bar{background-color:#3966fb}
.tariff-expiry{font-size:.9rem;margin:8px 0}
.tariff-detail-link{font-size:.85rem;color:#b35f5f;text-decoration:none}
.tariff-detail-link:hover{color:#8b3a3a}
.tariff-toggle-btn{background:none;border:none;color:#b35f5f;font-size:1.2rem;cursor:pointer;transition:transform .3s;padding:4px}
.tariff-toggle-btn[aria-expanded="true"] i{transform:rotate(180deg)}
.tariff-toggle-btn:hover{color:#8b3a3a}
@media (max-width: 576px) {
	.tariff-upgrade-btn {padding:10px 15px;font-size: small;  line-height: 1;}
	.tariff-title {font-size: 1rem;}
	
}


.admin-logo{font-weight:800;font-size:1.5rem;background:linear-gradient(135deg,#b76e79,#2c3e50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-decoration:none;display: flex;align-items: center;padding:0}
.admin-logo img{margin-right:8px;height:45px}
.admin-user-area{display:flex;align-items:center;gap:16px}
.admin-user-name{font-size:.9rem;font-weight:500;color:#6c6c8b}
.admin-user-name i{color:#b76e79;margin-right:6px}
.admin-logout-btn{background:#eee;color:#b76e79;border-radius:50px;padding:6px 18px;font-weight:600;text-decoration:none;transition:all .2s}
.admin-logout-btn:hover{border: 1px solid #b76e79;}

.auth-modal-content{border-radius:30px;border:none;overflow:hidden}
.auth-modal-header{background:linear-gradient(135deg,#ff4b66,#bf243c);border:none;padding:1rem 2rem}
.auth-modal-icon{font-size:2.5rem;color:#fff}
.auth-close-btn{top:1rem;right:1rem}
.auth-alert{border-radius:50px}
.auth-input-wrapper{position:relative}
.auth-input{border-radius:10px;border:2px solid #ffe0e0;padding:.5rem 1.25rem .5rem 2.75rem}
.auth-input:focus{border-color:#b35f5f;box-shadow:0 0 0 4px #b35f5f1a}
.auth-input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#b35f5f}
.auth-toggle-password{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#b35f5f;cursor:pointer;font-size:1.2rem;z-index:2}
.auth-toggle-password:hover{color:#8b4040}
.auth-btn-submit{background:linear-gradient(135deg,#ff4b66,#bf243c);border:none;border-radius:50px;color:#fff;font-weight:600}
.auth-btn-submit:hover{color:#fff;opacity:.95}
.auth-btn-forgot{background:#b35f5f;color:#fff;border-radius:50px}
.auth-btn-forgot:hover{background:#a04a4a;color:#fff}
.auth-link-small{color:#999;font-size:.85rem;text-decoration:none}
.auth-link-small:hover{color:#b35f5f}
.auth-link-switch{color:#b35f5f;text-decoration:none;font-weight:500;margin-left:.5rem}
.auth-link-switch:hover{color:#8b4040}

@media(max-width:576px){ .auth-input {padding:0.25rem 1.25rem .25rem 2.75rem;} }


@media(max-width:576px){
.admin-logo{font-size:1.2rem!important}
.admin-user-area{gap:10px!important}
.admin-user-name{font-size:.8rem!important}
.admin-logout-btn{padding:10px;font-size:.8rem!important}
.breadcrumb-current{max-width:180px;font-size:.8rem}
.project-tabs .nav-link{font-size:.8rem;padding:8px 12px}
}

.project-card{transition:transform .2s;margin-bottom:20px}
.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}
.status-badge{position:absolute;top:10px;right:10px}
.alert-dismissible{border-radius:50px;padding:1rem 2rem;margin:2rem auto;max-width:500px;text-align:center;z-index: 1100;}
#upgradeBlock{animation:slideDown .3s ease-out}
@keyframes slideDown {
from{opacity:0;transform:translateY(-20px)}
to{opacity:1;transform:translateY(0)}
}

footer{background:#1a1a2e;color:#a5a5c7;padding:50px 0 30px}
footer a{color:#d0d0f0;text-decoration:none;transition:color .2s}
footer a:hover{color:#b76e79}

		/* Контейнер для логотипов платежных систем */
.logo-container {
    display: flex;
    justify-content: center;
	flex-wrap: nowrap; gap: 1rem;
    align-items: center;
    row-gap: 1rem;
}

/* Каждый блок с изображением */
.logo-container .col-img {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Сами изображения */
.logo-container .col-img img {
    max-width: 60px; /* базовый размер */
    height: auto;
    width: 100%;
    display: block;
    filter: brightness(-1) invert(1); /* делает иконки белыми (если у вас темный фон футера) */
    opacity: 0.8;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

/* Ховер эффект — легкое изменение */
.logo-container .col-img:hover img {
    opacity: 1;
    transform: scale(1.05);
}

/* Адаптив для планшетов */
@media (max-width: 768px) {
    .logo-container {
   gap: 1.2rem;
    }
    
    .logo-container .col-img img {
   max-width: 50px;
    }
}

/* Адаптив для телефонов */
@media (max-width: 480px) {
    .logo-container {
   gap: 1rem;
    }
    
    .logo-container .col-img img {
   max-width: 45px;
    }
}

.	 {
    width: 38px;
    height: 38px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #b76e79;
    transition: all 0.2s ease;
}

.support-block a {
    color: rgba(255, 255, 255, 0.9);
    text-decoration: none;
    transition: color 0.2s;
}

.support-block a:hover {
    color: #b76e79;
}

.support-block a:hover + .support-icon,
.support-block .support-icon:hover {
    background: rgba(183, 110, 121, 0.15);
    color: #fff;
}

.settings-input-label {background: #fff5f5 !important;color: #b35f5f !important;border-color: #ffcccc !important;min-width: 120px; }

.input-changed {    border-color: #28a745 !important;    background-color: #f0fff4 !important;}
.input-changed:focus {    border-color: #28a745 !important;    box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.1) !important;}

.tariff-card{background:#fff;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:0 2px 20px #0000000a;border:1px solid #f0e0e0;display:flex;flex-direction:column}
.tariff-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #b35f5f1f}
.tariff-card.popular{border:2px solid #b35f5f;box-shadow:0 8px 30px #b35f5f1f}
.tariff-header{padding:1.5rem 1.5rem 1rem;text-align:center;border-bottom:1px solid #f5f0f0}
.tariff-icon{width:56px;height:56px;background:linear-gradient(135deg,#fff5f5,#ffe0e0);border-radius:16px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.75rem;font-size:1.75rem}
.tariff-name{font-size:1.75rem;font-weight:700;color:#1a1a2e;margin-bottom:.25rem}
.tariff-subtitle{color:#999;font-size:.85rem}
.tariff-features{list-style:none;padding:1rem 1.5rem;margin:0;border-bottom:1px solid #f5f0f0}
.tariff-features li{padding:6px 0;font-size:.9rem;color:#555;display:flex;align-items:center;gap:8px}
.tariff-features li i{color:#28a745;font-size:1rem;flex-shrink:0}
.tariff-period-section{padding:1rem 1.5rem .5rem;border-bottom:1px solid #f5f0f0}
.period-label{display:block;font-size:1rem;color:#000000;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight: 600;}
.period-buttons{display:flex;gap:8px;margin-bottom:1rem}
.period-btn{flex:1;padding:10px 8px;background:#fff;border:2px solid #f0e0e0;border-radius:12px;text-align:center;cursor:pointer;transition:all .2s;font-weight:600;color:#666}
.period-btn:hover{border-color:#d4a0a0}
.period-btn.active{border-color:#b35f5f;background:#fff5f5;color:#b35f5f}
.period-btn .period-months{display:block;font-size:1.2rem;font-weight:700}
.period-btn .period-discount{display:block;color:#28a745;font-size: 0.8rem;}
.period-btn.hit{position:relative;overflow:visible}
.period-hit{position:absolute;top:-10px;right:5px;background:linear-gradient(135deg,#ffc107,#ff9800);color:#333;font-size:.65rem;font-weight:700;padding:2px 8px;border-radius:12px;white-space:nowrap}
.tariff-price-section{padding:1rem 1.5rem;text-align:center;border-bottom:1px solid #f5f0f0}
.price-amount{font-size:2.2rem;font-weight:800;color:#1a1a2e}
.price-amount .price-currency{font-size:1rem;font-weight:400;color:#999}
.price-per-month{color:#28a745;margin-top:4px}
.price-original{text-decoration:line-through;font-size:1rem;color:#bbb;font-weight:400;margin-right:8px}
.payment-method-section{padding:1rem 1.5rem .5rem}
.method-cards-text { margin-top: 6px;font-size: 12px; color: #8a8a8a; line-height: 1.2;}
#paymentHistoryBody {
	table {font-size:0.8rem;}
}

.method-label{font-size:1rem;color:#000;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px;font-weight: 600;}
.method-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:1rem}
.method-btn:nth-child(1){grid-column:1 / -1;grid-row:1}
.method-btn:nth-child(2){grid-column:1 / -1;grid-row:2}
.method-btn:nth-child(3){grid-column:1 / 2;grid-row:3}
.method-btn:nth-child(4){grid-column:2 / 3;grid-row:3}
.method-btn{flex:1;cursor:pointer}
.method-btn input{display:none}
.method-content .countryCode{background:#8f8f8f;color:#fff;font-weight:300;padding:3px;border-radius:3px;margin:0 5px;display:inline-block;line-height:1}
.method-btn .method-content{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 8px;border:2px solid #f0e0e0;border-radius:16px;background:#fff;transition:all .2s;text-align:center}
.method-btn .method-header{display:flex;align-items:center;gap:3px;font-weight:600;font-size:.85rem;color:#555}
.method-btn .method-header img{height:30px;width:auto}
.method-btn .method-price{font-weight:700;font-size:1.3rem;color:#333}
.method-btn .method-per-month{font-size:1rem;color:#999}
.method-btn .price-original{text-decoration:line-through;font-weight:400;font-size:1rem;color:#bbb;}
.method-btn .price-currency{font-weight:500;font-size:1rem;color:#999;}
.method-btn input:checked + .method-content{border-color:#b35f5f;background:#fff5f5}
.method-btn:hover .method-content{border-color:#d4a0a0}
@media (max-width: 576px) {
.method-buttons{grid-template-columns:1fr;gap:8px}
.method-btn:nth-child(1),.method-btn:nth-child(2),.method-btn:nth-child(3),.method-btn:nth-child(4){grid-column:1;grid-row:auto}
.method-btn .method-content{flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:12px}
}

.tariff-button-section{padding:0 1.5rem 1.5rem;margin-top:auto}
.btn-tariff{display:block;width:100%;padding:14px;border:none;border-radius:14px;font-weight:700;font-size:1rem;text-align:center;text-decoration:none;transition:all .3s;cursor:pointer}
.btn-tariff-basic{background:linear-gradient(135deg,#b35f5f,#c97a7a);color:#fff}
.btn-tariff-basic:hover{background:linear-gradient(135deg,#a04a4a,#b35f5f);transform:translateY(-1px);box-shadow:0 8px 20px #b35f5f4d}
.btn-tariff-premium{background:linear-gradient(135deg,#1a1a2e,#2c2c44);color:#fff}
.btn-tariff-premium:hover{background:linear-gradient(135deg,#2c2c44,#3c3c54);transform:translateY(-1px);box-shadow:0 8px 20px #1a1a2e4d}

.help-toggle-btn{background:#fff;border:2px solid #ffb3b3;color:#b35f5f;border-radius:50px;padding:.4rem 1.2rem;font-weight:600;transition:all .2s}
.help-toggle-btn:hover{background:#b35f5f;color:#fff}

/* ========== TELEGRAM FAB ========== */
.help-telegram-fab{position:fixed;bottom:72px;right:0px;z-index:999;display:flex;align-items:center;gap:8px;padding:12px 20px 12px 16px;border-radius:50px 0 0 50px;background:linear-gradient(135deg,#08C,#2AABEE);color:#fff;text-decoration:none;box-shadow:0 4px 20px #08c6;transition:all .3s ease;font-size:14px;font-weight:500;border:none}
.help-telegram-fab i{font-size:24px}
.help-telegram-fab:hover{transform:scale(1.08) translateY(-2px);box-shadow:0 8px 30px #0088cc80;color:#fff;text-decoration:none}
.help-label{display:inline-block}
@media (max-width: 576px) {
.help-telegram-fab{bottom:75px;right:0;padding:8px 14px 8px 10px;font-size:12px}
.help-telegram-fab i{font-size:20px}
}


.quick-actions-row {display: flex; gap: 0.5rem; align-items: center; width: 100%;}
@media (max-width: 768px) {.quick-actions-row {flex-wrap: wrap;} .quick-actions-row .quick-action-btn {width: 100%; text-align: center;} .quick-actions-row .input-group {min-width: 100% !important;}}
@media (min-width: 769px) {.quick-actions-row {flex-wrap: nowrap;} .quick-actions-row .quick-action-btn {flex-shrink: 0; white-space: nowrap;}}
.project-card-footer {padding: 1rem 1.5rem !important;}
.project-card-footer .footer-created {margin-top: 0.75rem; padding-top: 0.5rem; border-top: 1px dashed #e8e0e0; font-size: 0.75rem;}
.project-event-type-badge {font-size: 0.8rem; font-weight: 500; padding: 5px 12px; border-radius: 50px;}

.notification-banner{background:#fff;border:1px solid #e8e0e8;border-radius:12px;padding:.7rem 1rem;box-shadow:0 2px 8px #0000000a;transition:all .2s;cursor:pointer;height:100%;display:flex;flex-direction:column}
.notification-banner:hover{box-shadow:0 4px 16px #00000014;border-color:#d0c0d0}
.notification-banner.unread{border-left:3px solid #b35f5f;background:#fefbfb}
.notification-icon-block{display:flex;flex-direction:column;align-items:center;min-width:40px;text-align:center}
.notification-icon-block .icon{color:#b35f5f;font-size:1.1rem}
.notification-icon-block .date{color:#b0b0c0;font-size:.6rem;line-height:1.2;margin-top:2px}
.notification-title{color:#1a1a2e;font-size:.85rem;font-weight:600;line-height:1.3}
.notification-message-wrapper{max-height:30px;overflow:hidden;transition:max-height .3s ease;margin-top:4px}
.notification-message-wrapper.expanded{max-height:200px}
.notification-message{color:#555;font-size:.7rem;margin:0;line-height:1.2;word-break:break-word}
.notification-expand-btn{background:none;border:none;color:#b35f5f;font-size:.68rem;padding:2px 0;cursor:pointer;display:flex;align-items:center;gap:4px;align-self:flex-start}
.notification-expand-btn:hover{color:#8b3a3a}
.notification-expand-btn .expand-icon{transition:transform .2s}
.notification-expand-btn.expanded .expand-icon{transform:rotate(180deg)}
.notification-read-btn{border-radius:50px;font-size:.68rem;padding:2px 12px;margin-top:6px;align-self:flex-start}
.notification-read-label{color:#b0b0c0;font-size:.68rem;margin-top:6px;display:flex;align-items:center;gap:4px}
.notification-banner.survey{border:2px solid #b35f5f}
.notification-banner.survey.unread{border-left:3px solid #b35f5f}
.survey-icon{font-size:1.1rem}
.survey-question{font-size:.85rem;margin-bottom:8px}
.survey-options{padding-left:0;margin-bottom:8px}
.survey-options .form-check{margin-bottom:2px}
.survey-options .form-check-label{font-size:.82rem}
.survey-textarea{font-size:.82rem;border-radius:8px;border-color:#ddd}
.survey-submit-btn{border-radius:50px;font-size:.75rem;padding:4px 16px}


.profile-page-container{max-width:1000px;margin:0 auto}
.profile-card{background:#fff;border-radius:12px;padding:2rem;border:1px solid #ffe0e0;margin-bottom:1.5rem;transition:transform .2s ease,box-shadow .2s ease}
.profile-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #b76e7914}
.profile-card h5{color:#b35f5f;font-weight:700;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #fff0f0}
.profile-page-title{color:#1a1a2e;font-weight:800;margin-bottom:2rem;font-size:1.5rem}
.profile-page-title i{color:#b76e79}
.btn-save{background:linear-gradient(135deg,#b35f5f,#c97a7a);color:#fff;border-radius:50px;padding:12px 28px;border:none;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #b35f5f33}
.btn-save:hover{background:linear-gradient(135deg,#a04a4a,#b35f5f);transform:translateY(-1px);box-shadow:0 6px 20px #b35f5f4d;color:#fff}
.profile-input{border-radius:12px;border:2px solid #ffe0e0;padding:.6rem 1.25rem;transition:all .2s ease;background:#fff}
.profile-input:focus{border-color:#b35f5f;box-shadow:0 0 0 4px #b35f5f1a}
.profile-label{color:#555;font-weight:600;font-size:.9rem;margin-bottom:.5rem}
.telegram-connected{background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border:1px solid #a5d6a7;border-radius:16px;padding:1.25rem}
.telegram-not-connected{background:linear-gradient(135deg,#fff8e1,#fff3e0);border:1px solid #ffcc02;border-radius:16px;padding:1.25rem}
.telegram-btn{border-radius:12px;padding:10px 20px;font-weight:600;transition:all .2s ease}
.telegram-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}
.telegram-btn-primary{background:linear-gradient(135deg,#08c,#2AABEE);border:none;color:#fff}
.telegram-btn-primary:hover{background:linear-gradient(135deg,#0077b5,#08c);color:#fff}
.telegram-btn-outline{border:2px solid #08c;color:#08c}
.telegram-btn-outline:hover{background:#08c;color:#fff}
.tariff-info-block{background:#fff;border-radius:16px;padding:1.5rem;border:2px solid #f0e0e0}
.tariff-name{color:#1a1a2e;font-weight:700;font-size:1.1rem}
.tariff-limit{color:#b35f5f;font-weight:600}
.tariff-date{color:#888;font-size:.85rem}
.tariff-badge{background:#28a745;color:#fff;border-radius:50px;padding:5px 14px;font-size:.75rem;font-weight:600}
.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);color:#b35f5f;cursor:pointer;font-size:1.2rem;z-index:2;transition:color .2s}
.password-toggle:hover{color:#8b4040}
.profile-alert{border-radius:16px;padding:1rem 1.5rem;margin-bottom:2rem;font-weight:500;border:none}
.profile-alert-success{background:linear-gradient(135deg,#d4edda,#e8f5e9);color:#155724;border-left:4px solid #28a745}
.profile-alert-error{background:linear-gradient(135deg,#f8d7da,#ffebee);color:#721c24;border-left:4px solid #dc3545}
.project-limit-progress{height:8px;border-radius:4px;background:#f0e0e0;margin:10px 0}
.project-limit-progress .progress-bar{background:linear-gradient(135deg,#b35f5f,#c97a7a);border-radius:4px}
.tariff-manage-btn{border-radius:50px;padding:8px 20px;font-weight:600;font-size:.85rem;transition:all .2s ease}
.tariff-manage-btn:hover{transform:translateY(-1px)}
.profile-divider{border:none;height:1px;background:linear-gradient(to right,transparent,#ffe0e0,transparent);margin:1.5rem 0}
.profile-info-row{display:flex;align-items:center;gap:.5rem;color:#666;font-size:.9rem}
.profile-info-row i{color:#b35f5f;width:20px}
@media (max-width: 991.98px) {
.profile-card{padding:1.5rem}
.profile-page-title{font-size:1.3rem}
}
@media (max-width: 767.98px) {
.profile-card{padding:1.25rem;border-radius:12px}
.profile-card h5{font-size:1rem;margin-bottom:1rem;padding-bottom:.5rem}
.profile-page-title{font-size:1.2rem;margin-bottom:1.5rem}
.btn-save{width:100%;padding:12px;font-size:.95rem}
.telegram-connected,.telegram-not-connected{padding:1rem}
.telegram-btn{width:100%;text-align:center}
.profile-grid{flex-direction:column}
.profile-grid .col-lg-6{width:100%}
}
@media (max-width: 576px) {
.profile-card{padding:1rem;border-radius:16px}
.profile-card h5{font-size:.95rem}
.profile-page-title{font-size:1.1rem}
.profile-input{padding:.5rem 1rem;font-size:.9rem}
.profile-label{font-size:.85rem}
.tariff-info-block{padding:1rem}
.tariff-name{font-size:1rem}
.password-toggle{font-size:1rem;right:.75rem}
.telegram-btn{padding:8px 16px;font-size:.85rem}
.telegram-badge{font-size:.7rem;padding:3px 10px}
}
@keyframes fadeInUp {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.profile-card{animation:fadeInUp .3s ease-out}
.profile-card:nth-child(2){animation-delay:.1s}
.profile-saved-indicator{display:inline-flex;align-items:center;gap:.5rem;color:#28a745;font-size:.85rem;animation:fadeInUp .3s ease-out}
@media (max-height: 700px) and (max-width: 767.98px) {
.profile-card{max-height:none}
}