.dash-card{border:none;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px rgba(0,0,0,.06);transition:transform .2s ease,box-shadow .2s ease}.dash-card:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.08)}.card-title{color:#1f2937}.plan-box{padding:12px 16px}.device-item,.plan-box{background:#f9fafb;border-radius:10px}.device-item{padding:10px 12px}.search-input{width:260px;border-radius:8px}.dash-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.device-item{display:flex;justify-content:space-between;align-items:center}.skeleton{background:#e0e0e0;border-radius:4px;margin-bottom:1rem}.skeleton-plan{height:120px}.skeleton-device{height:80px}.skeleton-billing{height:100px}.skeleton-orders{height:90px}.dashboard-card{border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);margin-bottom:16px}.progress{height:8px;border-radius:4px;background-color:#e9ecef}.progress-bar{background-color:#4caf50}.dashboard-container{max-width:1100px;margin:40px auto;padding:0 16px;color:#202124;font-family:Inter,sans-serif}.section{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 2px 10px rgba(0,0,0,.05)}.section-title{font-size:18px;margin-bottom:16px}.page-shell{background:#f6f7f8;min-height:calc(100vh - 160px);padding:28px 20px}.dashboard-wrapper{max-width:1120px;margin:0 auto}.usage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.usage-heading{margin:0;font-size:18px;font-weight:600;color:#1f2d2d}.billing-cycle{font-size:13px;color:#6b6f72;background:#f1f4f5;padding:8px 12px;border-radius:18px}.section-title{margin:0 0 12px;font-size:16px;font-weight:600;color:#1a1a1a}.cards-row{grid-template-columns:repeat(3,1fr);grid-gap:18px}.cards-row,.cards-row1{display:grid;gap:18px;margin-bottom:22px}.cards-row1{grid-template-columns:repeat(2,1fr);grid-gap:18px}@media (max-width:768px){.cards-row1{grid-template-columns:1fr}}.card{background:#fff;padding:18px;box-shadow:0 2px 8px rgba(16,24,40,.06);border:1px solid #e8ebee;display:flex;flex-direction:column;gap:12px}.card-highlight{background:#f4fdf7;border-color:#dff6e8}.card-top{gap:12px}.card-icon,.card-top{display:flex;align-items:center}.card-icon{height:44px;width:44px;background:#eaf9f0;color:#007a3d;border-radius:10px;justify-content:center;font-size:18px}.card-title{font-size:14px;font-weight:600;color:#122329}.card-value{display:flex;align-items:baseline;gap:10px}.card-value .big{font-size:28px;font-weight:700;color:#0b2b22}.card-value .small{font-size:13px;color:#6b6f72;margin-left:6px}.progress-wrap{margin-top:6px}.progress-track{height:8px;background:#eef2f3;border-radius:6px;overflow:hidden}.progress-fill{height:8px;background:#00b86b;width:0;border-radius:6px;transition:width .6s ease}.progress-note{margin-top:8px;font-size:13px;color:#6b6f72;display:flex;gap:8px;align-items:center}.section-card{background:#fff;border-radius:12px;padding:18px;border:1px solid #e8ebee;box-shadow:0 2px 8px rgba(16,24,40,.04);margin-bottom:18px}.pref-card{background:#fff;border:1px solid #e6e6e6;border-radius:12px;padding:16px 20px;margin-bottom:16px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.pref-header{display:flex;align-items:center;justify-content:space-between}.pref-header h6{font-size:16px;font-weight:600;margin-bottom:4px}.pref-sub{font-size:14px;color:#666;margin:0}.pref-status{font-size:14px;margin-top:8px;color:#198754;font-weight:500;display:flex;align-items:center;gap:8px}.status-dot{width:10px;height:10px;background:#00b86b;border-radius:50%;box-shadow:0 0 0 4px rgba(0,184,107,.06)}.pref-item{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-top:1px solid #f0f2f3}.pref-item:first-of-type{border-top:none}.pref-left{max-width:72%}.pref-title{font-weight:600;font-size:14px;color:#111827}.pref-desc{font-size:13px;color:#6b6f72;margin-top:6px}.pref-right{display:flex;align-items:center;gap:12px;justify-content:flex-end;min-width:300px}.visually-hidden-toggle{position:relative;width:44px;height:24px;overflow:hidden}.visually-hidden-toggle input[type=checkbox]{opacity:0!important;position:absolute;left:0;top:0;width:44px;height:24px;pointer-events:none}.switch{position:relative;display:inline-block;width:46px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px;border:none}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:white;border-radius:50%}.switch input:checked+.slider{background-color:#198754}.switch input:checked+.slider:before{transform:translateX(22px)}.switch input:focus+.slider{box-shadow:0 0 1px #198754}.slider:active:before{width:20px}.quick-actions{display:flex;gap:12px;align-items:center}.btn-outline{border-radius:10px;padding:10px 16px;font-weight:600;border:1px solid #d9e6e7;background:#fff;cursor:pointer}.btn-outline.upgrade{color:#00b86b;background:#f3fbf6;border-color:#dff6e8}.btn-outline.buy{color:#0067ff;background:#f6f9ff;border-color:#e6efff}.muted{color:#8b9093}@media (max-width:980px){.cards-row{grid-template-columns:1fr}.pref-right{min-width:0;margin-top:8px}.pref-item{flex-direction:column;align-items:flex-start;gap:8px}}.card{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.card h5{font-weight:600;font-size:1.25rem}.device-card{transition:all .3s ease;padding:1rem;border-width:2px!important;border-color:#198754!important;border-radius:10px}.device-card:hover{transform:translateY(-2px);box-shadow:0 6px 15px rgba(0,0,0,.1)}.device-info p{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.device-info .icon{color:#198754;vertical-align:middle;font-size:1rem}.badge{font-size:.85rem;padding:.35em .7em;border-radius:12px}.bg-success{background-color:#198754!important}.bg-warning{background-color:#ffc107!important;color:#212529!important}.btn-block{width:100%}.btn-outline-success{transition:all .3s ease}.btn-outline-success:hover{background-color:#198754;color:#fff}.text-center.my-3{display:flex;justify-content:center;align-items:center;min-height:100px}.data-bar{height:8px;background-color:#e9ecef;border-radius:5px;overflow:hidden;margin-top:4px;margin-bottom:6px}.data-bar-filled{height:100%;background-color:#198754;transition:width .3s ease}@media (max-width:768px){.col-md-6{flex:0 0 100%;max-width:100%}}@media (max-width:576px){.d-flex.justify-content-between.align-items-center{flex-direction:column;align-items:flex-start}.badge{margin-top:.5rem}.device-info p{font-size:.9rem}}.dashboard-container{min-height:100vh}.card{border:none;border-radius:12px;background-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease}.card:hover{transform:translateY(-3px);box-shadow:0 4px 14px rgba(0,0,0,.08)}.card h6{font-size:.9rem;color:#6c757d;margin-bottom:.4rem}.card h4{color:#0b513d}.btn-success{background-color:#16a34a!important;border:none;font-weight:500}.btn-success:hover{background-color:#138c3e!important}.btn-outline-success{border:1px solid #16a34a!important;color:#16a34a!important}.btn-outline-success:hover{background-color:#16a34a!important;color:#fff!important}.table{border-collapse:separate;border-spacing:0 8px}.table thead th{background-color:#f0f2f5!important;font-size:.85rem;text-transform:uppercase;color:#6c757d;border:none}.table tbody tr{background-color:#fff;transition:.2s ease}.table tbody tr:hover{background-color:#f8f9fa}.table td{border:none;padding:.75rem 1rem;color:#212529}.badge{font-size:.75rem;padding:6px 10px;border-radius:8px}.bg-success{background-color:#16a34a!important}.card .btn-sm{font-size:.8rem;border-radius:8px}.text-warning{color:#f59e0b!important}@media (max-width:768px){.btn-success.w-100{margin-top:8px}.card h4{font-size:1.25rem}}.specialPlanForm{box-shadow:3px 4px 19px 14px rgba(0,0,0,.1)!important;border-radius:15px!important;padding:2rem!important;margin:2rem!important}.step-circle{width:38px;height:38px;border-radius:50%;background:#dc3545;color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0}