.plan-card{background:var(--background-color-white);border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent;overflow:hidden}.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001f}.plan-card.selected{border-color:var(--primary-color);box-shadow:0 4px 15px #0fb40f26}.plan-card .card-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px}.plan-card .card-header .plan-info{display:flex;align-items:center;gap:12px}.plan-card .card-header .plan-info .plan-checkbox{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.plan-card .card-header .plan-info .plan-id{font-weight:600;color:var(--label-color);font-size:14px;background:#0fb40f1a;padding:4px 8px;border-radius:4px}.plan-card .card-header .plan-info .plan-status{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:500;border:1px solid}.plan-card .card-header .plan-info .plan-status.active{background:var(--active-bg-color);color:var(--active-color)}.plan-card .card-header .plan-info .plan-status.inactive{background:var(--inactive-bg-color);color:var(--inactive-color)}.plan-card .card-header .plan-info .plan-status.expired{background:var(--expired-bg-color);color:var(--expired-color)}.plan-card .card-header .plan-info .plan-status.banned{background:var(--banned-bg-color);color:var(--banned-color)}.plan-card .card-header .action-menu .card-actions{display:flex;gap:6px;align-items:center}.plan-card .card-header .action-menu .card-actions i{font-size:16px;cursor:pointer;padding:6px;border-radius:50%;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px}.plan-card .card-header .action-menu .card-actions i.bi-eye{color:#06c;background:#0066cc1a}.plan-card .card-header .action-menu .card-actions i.bi-eye:hover{background:#06c3;transform:scale(1.15)}.plan-card .card-header .action-menu .card-actions i.bi-pen{color:#ff9800;background:#ff98001a}.plan-card .card-header .action-menu .card-actions i.bi-pen:hover{background:#ff980033;transform:scale(1.15)}.plan-card .card-header .action-menu .card-actions i.bi-ban{color:var(--inactive-color);background:#ff11001a}.plan-card .card-header .action-menu .card-actions i.bi-ban:hover{background:#f103;transform:scale(1.15)}.plan-card .card-header .action-menu .card-actions i.bi-trash{color:var(--inactive-color);background:#ff11001a}.plan-card .card-header .action-menu .card-actions i.bi-trash:hover{background:#f103;transform:scale(1.15)}.plan-card .card-body{padding:16px;display:flex;flex-direction:column}@media (max-width: 1024px){.plan-card .card-body{padding:14px}}@media (max-width: 768px){.plan-card .card-body{padding:16px}}.plan-card .card-body .plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:8px}.plan-card .card-body .plan-header .plan-name{font-size:18px;font-weight:700;color:var(--label-color);margin:0;line-height:1.3;flex:1}@media (max-width: 1024px){.plan-card .card-body .plan-header .plan-name{font-size:17px}}@media (max-width: 768px){.plan-card .card-body .plan-header .plan-name{font-size:18px}}.plan-card .card-body .plan-header .plan-actions{display:flex;gap:6px;align-items:center;flex-shrink:0}.plan-card .card-body .plan-header .plan-actions i{font-size:14px;cursor:pointer;padding:4px;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:4px}@media (max-width: 768px){.plan-card .card-body .plan-header .plan-actions i{font-size:16px;min-width:28px;height:28px;padding:6px}}.plan-card .card-body .plan-header .plan-actions i.bi-eye{color:#06c}.plan-card .card-body .plan-header .plan-actions i.bi-eye:hover{color:#0052a3;background:#0066cc1a;transform:scale(1.05)}.plan-card .card-body .plan-header .plan-actions i.bi-pen{color:#ff9800}.plan-card .card-body .plan-header .plan-actions i.bi-pen:hover{color:#e68900;background:#ff98001a;transform:scale(1.05)}.plan-card .card-body .plan-header .plan-actions i.bi-ban{color:var(--inactive-color)}.plan-card .card-body .plan-header .plan-actions i.bi-ban:hover{color:#c82333;background:var(--inactive-bg-color);transform:scale(1.05)}.plan-card .card-body .plan-details{display:flex;flex-direction:column;gap:8px}.plan-card .card-body .plan-details .detail-item{display:flex;align-items:center;gap:8px;padding:2px 0}.plan-card .card-body .plan-details .detail-item i{width:16px;min-width:16px;color:var(--primary-color);font-size:14px;flex-shrink:0;text-align:center;display:inline-block}@media (max-width: 768px){.plan-card .card-body .plan-details .detail-item i{font-size:16px;width:18px;min-width:18px}}.plan-card .card-body .plan-details .detail-item .label{font-weight:500;color:#666;min-width:60px;flex-shrink:0;font-size:14px}@media (max-width: 1024px){.plan-card .card-body .plan-details .detail-item .label{font-size:13px;min-width:55px}}@media (max-width: 768px){.plan-card .card-body .plan-details .detail-item .label{font-size:15px;min-width:70px}}.plan-card .card-body .plan-details .detail-item .value{font-weight:400;color:var(--label-color);font-size:14px}@media (max-width: 1024px){.plan-card .card-body .plan-details .detail-item .value{font-size:13px}}@media (max-width: 768px){.plan-card .card-body .plan-details .detail-item .value{font-size:15px}}.plan-card .card-body .plan-details .detail-item.price-item .value.price{font-size:16px;color:var(--primary-color);font-weight:700}@media (max-width: 1024px){.plan-card .card-body .plan-details .detail-item.price-item .value.price{font-size:15px}}@media (max-width: 768px){.plan-card .card-body .plan-details .detail-item.price-item .value.price{font-size:18px}}.plans-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:20px}@media (max-width: 1400px){.plans-grid{grid-template-columns:repeat(3,1fr);gap:18px}}@media (max-width: 1024px){.plans-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width: 768px){.plans-grid{grid-template-columns:1fr;gap:16px}}.filter-btn{background:var(--background-color-white);border:2px solid var(--border-color);color:var(--label-color);padding:12px 16px;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:8px}.filter-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:#0fb40f0d}.filter-btn i{font-size:14px}.sort-controls{display:flex;justify-content:space-between;align-items:center;margin:20px 0;padding:16px;border-radius:8px}.sort-controls .bulk-actions{display:flex;align-items:center;gap:8px}.sort-controls .bulk-actions input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary-color)}.sort-controls .bulk-actions label{font-weight:500;color:var(--label-color);cursor:pointer}.sort-controls .sort-options{display:flex;align-items:center;gap:8px}.sort-controls .sort-options label{font-weight:500;color:var(--label-color)}.sort-controls .sort-options .sort-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;background:var(--background-color-white);color:var(--label-color);font-size:14px;cursor:pointer}.sort-controls .sort-options .sort-select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 2px #0fb40f1a}:root{--bg-color: #6C757D;--primary-color: #0FB40F;--btn-text-color: #FFFFFF;--label-color: #001A0F;--main-content-color: #ECECEC;--background-color-white: #FFFFFF;--icon-background-color: #FDFDFD;--border-color: #0000001A;--active-color: #007AFF;--active-bg-color: #ECF5FF;--inactive-color: #FF1100;--inactive-bg-color: #FFE6E4;--expired-color: #ff9800;--expired-bg-color: #fff3e0;--banned-color: #9c27b0;--banned-bg-color: #f3e5f5;--interested-color: #007bff;--interested-bg-color: #d1ecf1;--followup-color: #fd7e14;--followup-bg-color: #fff3cd;--not-interested-color: #6c757d;--not-interested-bg-color: #e2e3e5;--registered-color: #20c997;--registered-bg-color: #d1f2eb;--save-btn-hover-color: #0bd90b;--sidebar-bg-color: #032212;--deactive-icon-color: #FF1100;--placeholder-color: #6c757d42;--td-hover-color: #0bd90b38}::placeholder{color:var(--placeholder-color);opacity:1}::-webkit-input-placeholder{color:var(--placeholder-color)}::-moz-placeholder{color:var(--placeholder-color)}:-ms-input-placeholder{color:var(--placeholder-color)}*{font-family:poppins,sans-serif}.app-layout{display:flex;height:100vh}.app-layout.sidebar-collapsed .main-area{margin-left:70px}.main-area{flex:1;margin-left:250px;transition:margin-left .3s ease}.main-area.full-width{margin-left:0!important}.invalid-field{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.required-asterisk{color:#dc3545;font-weight:600}input.ng-invalid.ng-touched,select.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched,input.ng-invalid.ng-dirty,select.ng-invalid.ng-dirty,textarea.ng-invalid.ng-dirty{border-color:#dc3545!important;box-shadow:0 0 0 2px #dc354540!important}.error{color:#dc3545;font-size:12px;margin-top:4px;display:block}.tooltip-enabled{cursor:pointer;position:relative}.app-tooltip{position:fixed;background-color:#333;color:#fff;padding:8px 12px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;z-index:9999;pointer-events:none;box-shadow:0 2px 8px #00000026;opacity:0;transition:opacity .2s ease-in-out;max-width:300px;white-space:normal}.app-tooltip.show{opacity:1}.app-tooltip.tooltip-top:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #333}.app-tooltip.tooltip-bottom:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #333}.app-tooltip.tooltip-left:after{content:"";position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #333}.app-tooltip.tooltip-right:after{content:"";position:absolute;left:-6px;top:50%;transform:translateY(-50%);width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #333}.action-icons i[appTooltip]{cursor:pointer;transition:all .2s ease}.action-icons i[appTooltip]:hover{transform:scale(1.15);filter:brightness(1.2)}.action-icons i[appTooltip].bi-eye{color:#06c}.action-icons i[appTooltip].bi-eye:hover{color:#0052a3}.action-icons i[appTooltip].bi-pen,.action-icons i[appTooltip].bi-pencil{color:#ff9800}.action-icons i[appTooltip].bi-pen:hover,.action-icons i[appTooltip].bi-pencil:hover{color:#e68900}.action-icons i[appTooltip].bi-ban{color:#dc3545}.action-icons i[appTooltip].bi-ban:hover{color:#c82333}.action-icons i[appTooltip].bi-trash{color:#dc3545}.action-icons i[appTooltip].bi-trash:hover{color:#c82333}@media (max-width: 768px){.app-tooltip{font-size:11px;padding:6px 10px;max-width:250px}}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding:20px 0;margin-top:20px;border-top:1px solid #e9ecef}.pagination-controls,.show-items{display:flex;align-items:center;gap:8px}.show-items label{font-size:14px;font-weight:500;color:#495057}.show-items select{border:1px solid var(--border-color);border-radius:6px;padding:8px 12px;background:#fff;font-size:14px;cursor:pointer;transition:all .2s}.show-items select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #0fb40f1a}.show-items select:hover{border-color:var(--primary-color)}.page-info{font-size:14px;font-weight:500;color:#495057;margin-left:12px}.page-number{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:#666;font-size:14px;font-weight:500;transition:all .2s ease;padding:0 8px}.page-number:hover:not(.active-page){background-color:#f5f5f5;border-color:var(--primary-color)}.page-number.active-page{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.dots{padding:0 8px;color:#666;font-weight:500}.page-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--border-color);border-radius:4px;cursor:pointer;color:#666;transition:all .2s ease}.page-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.page-btn:disabled{opacity:.5;cursor:not-allowed}.page-btn i{font-size:16px}