.page_dashboard__y6P5y{min-height:100vh;background:#f8f9fa}.page_dashboardContainer__yz7_w{max-width:1200px;margin:0 auto;padding:120px 20px 40px}.page_dashboardHeader__ClGBK{text-align:center;margin-bottom:40px}.page_dashboardHeader__ClGBK h1{font-size:2.5rem;font-weight:700;color:#1d1d1f;margin-bottom:8px}.page_dashboardHeader__ClGBK p{font-size:1.125rem;color:#666}.page_dashboardContent__rcGOt{display:grid;grid-template-columns:280px 1fr;grid-gap:32px;gap:32px;background:white;border-radius:16px;padding:32px;box-shadow:0 4px 20px rgba(0,0,0,.1)}.page_sidebar__eZho5{display:flex;flex-direction:column;gap:8px;border-right:1px solid #e5e5e7;padding-right:24px}.page_tabButton__cY37n{display:flex;align-items:center;gap:12px;padding:16px 20px;border:none;background:none;border-radius:12px;font-size:16px;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease;text-align:left}.page_tabButton__cY37n:hover{background:#f5f5f7;color:#1d1d1f}.page_tabButton__cY37n.page_active__SXFwC{background:#007AFF;color:white}.page_tabIcon__ZoF5S{font-size:20px}.page_mainContent__i3RkR{padding-left:24px}.page_tabContent__68_j2{animation:page_fadeIn__crtLK .3s ease}@keyframes page_fadeIn__crtLK{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page_statsGrid__B9u_9{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.page_statCard__6lyWq{background:#f8f9fa;border-radius:16px;padding:24px;display:flex;align-items:center;gap:16px;transition:transform .2s ease}.page_statCard__6lyWq:hover{transform:translateY(-2px)}.page_statIcon__FfJO1{font-size:32px;width:60px;height:60px;background:white;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page_statContent__r1_lQ h3{font-size:14px;font-weight:500;color:#666;margin-bottom:4px}.page_statValue__zAiXI{font-size:24px;font-weight:700;color:#1d1d1f;margin-bottom:4px}.page_statSubtext__bEQ4U{font-size:14px;color:#666}.page_recentActivity__paJZm{background:#f8f9fa;border-radius:16px;padding:24px}.page_recentActivity__paJZm h3{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:20px}.page_activityList__a4UP8{display:flex;flex-direction:column;gap:16px}.page_activityItem__qNmMp{display:flex;align-items:center;gap:12px;padding:12px;background:white;border-radius:8px}.page_activityIcon__R_yY9{font-size:20px;width:40px;height:40px;background:#e3f2fd;border-radius:8px;display:flex;align-items:center;justify-content:center}.page_activityContent__SH9dl{flex:1 1}.page_activityContent__SH9dl p{font-weight:500;color:#1d1d1f;margin-bottom:4px}.page_activityContent__SH9dl span{font-size:14px;color:#666}.page_sectionHeader__tsO_W{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page_sectionHeader__tsO_W h3{font-size:18px;font-weight:600;color:#1d1d1f;margin:0}.page_addButton__3AP16{background:#007AFF;color:white;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s ease}.page_addButton__3AP16:hover{background:#0056CC}.page_errorMessage__63yU_{background:#fee;color:#e74c3c;padding:12px;border-radius:8px;margin-bottom:20px;font-size:14px;border:1px solid #fcc}.page_loading__r7ykR{text-align:center;padding:40px;color:#666;font-size:16px}.page_accountList__RL3LW{margin-top:32px}.page_accountList__RL3LW h3{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:20px}.page_tableContainer__8_ntw{overflow-x:auto;border-radius:8px;border:1px solid #d1d1d6}.page_accountTable__f60Ls{width:100%;border-collapse:collapse;background:white}.page_accountTable__f60Ls th{background:#f8f9fa;padding:12px 16px;text-align:left;font-weight:600;color:#1d1d1f;border-bottom:1px solid #d1d1d6}.page_accountTable__f60Ls td{padding:12px 16px;border-bottom:1px solid #f0f0f0;color:#333}.page_accountTable__f60Ls tr:hover{background:#f8f9fa}.page_deleteButton__Oft1q,.page_editButton__7_r6t{padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:8px}.page_editButton__7_r6t{background:#007AFF;color:white;border:none}.page_editButton__7_r6t:hover{background:#0056CC}.page_deleteButton__Oft1q{background:#ff3b30;color:white;border:none}.page_deleteButton__Oft1q:hover{background:#d70015}.page_modal__F8Bwc{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.page_modalContent__ZUKic{background:white;border-radius:12px;padding:24px;width:90%;max-width:400px;max-height:80vh;overflow-y:auto}.page_modalContent__ZUKic h3{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:20px}.page_formGroup___RGvk{margin-bottom:16px}.page_formGroup___RGvk label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:6px}.page_formGroup___RGvk input{width:100%;padding:10px 12px;border:1px solid #d1d1d6;border-radius:6px;font-size:14px;transition:border-color .2s ease}.page_formGroup___RGvk input:focus{outline:none;border-color:#007AFF}.page_modalActions__LAA4r{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.page_modalActions__LAA4r button{padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_modalActions__LAA4r .page_primaryButton__RN_Tv{background:#007AFF;color:white;border:none}.page_modalActions__LAA4r .page_primaryButton__RN_Tv:hover{background:#0056CC}.page_modalActions__LAA4r .page_primaryButton__RN_Tv:disabled{background:#ccc;cursor:not-allowed}.page_modalActions__LAA4r .page_secondaryButton__zkM91{background:white;color:#666;border:1px solid #d1d1d6}.page_modalActions__LAA4r .page_secondaryButton__zkM91:hover{background:#f5f5f7}.page_infoGrid__Emgeh{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.page_infoItem__IA4fw{display:flex;flex-direction:column;gap:8px}.page_infoItem__IA4fw label{font-size:14px;font-weight:500;color:#666}.page_infoItem__IA4fw input{padding:12px 16px;border:1px solid #d1d1d6;border-radius:8px;font-size:16px;background:#f8f9fa}.page_actionButtons__JT4_S{display:flex;gap:16px}.page_primaryButton__RN_Tv,.page_secondaryButton__zkM91{padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_primaryButton__RN_Tv{background:#007AFF;color:white;border:none}.page_primaryButton__RN_Tv:hover{background:#0056CC}.page_secondaryButton__zkM91{background:white;color:#007AFF;border:1px solid #007aff}.page_secondaryButton__zkM91:hover{background:#007AFF;color:white}.page_devicesHeader__LBVtg{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page_devicesHeader__LBVtg h3{font-size:18px;font-weight:600;color:#1d1d1f}.page_addDeviceButton__kRxc_{background:#007AFF;color:white;border:none;padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.page_addDeviceButton__kRxc_:hover{background:#0056CC}.page_devicesList___gsD_{display:flex;flex-direction:column;gap:16px}.page_deviceCard__HhIDM{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8f9fa;border-radius:12px;transition:transform .2s ease}.page_deviceCard__HhIDM:hover{transform:translateY(-2px)}.page_deviceInfo__rrDhP{display:flex;align-items:center;gap:16px}.page_deviceIcon__VdHCP{font-size:24px;width:50px;height:50px;background:white;border-radius:10px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.1)}.page_deviceDetails____Gq9 h4{font-size:16px;font-weight:600;color:#1d1d1f;margin-bottom:4px}.page_deviceDetails____Gq9 p{font-size:14px;color:#666}.page_deviceStatus__V3TEz{display:flex;align-items:center;gap:12px}.page_statusBadge__OkI12{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.page_statusBadge__OkI12.page_online__Lb_2z{background:#d4edda;color:#155724}.page_statusBadge__OkI12.page_offline__wlhfs{background:#f8d7da;color:#721c24}.page_deviceAction__XwijV{background:none;border:1px solid #d1d1d6;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.page_deviceAction__XwijV:hover{background:#f5f5f7}.page_billingInfo__TeH5F h3{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:24px}.page_balanceCard__GADBR{background:linear-gradient(135deg,#007AFF,#5856D6);color:white;border-radius:16px;padding:24px;display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page_balanceInfo__4Cgus h4{font-size:16px;font-weight:500;margin-bottom:8px;opacity:.9}.page_balanceAmount__uCztr{font-size:32px;font-weight:700}.page_rechargeButton__q6RXX{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);padding:12px 24px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease}.page_rechargeButton__q6RXX:hover{background:rgba(255,255,255,.3)}.page_packages__g407f h4{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:20px}.page_packageGrid__djhxH{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.page_packageCard__Jtnix{background:white;border:1px solid #d1d1d6;border-radius:12px;padding:24px;text-align:center;position:relative;transition:transform .2s ease}.page_packageCard__Jtnix:hover{transform:translateY(-4px)}.page_packageCard__Jtnix.page_recommended__M2vMl{border-color:#007AFF;box-shadow:0 4px 20px rgba(0,122,255,.2)}.page_recommendedBadge__t6hRA{position:absolute;top:-8px;left:50%;transform:translateX(-50%);background:#007AFF;color:white;padding:4px 16px;border-radius:12px;font-size:12px;font-weight:500}.page_packageCard__Jtnix h5{font-size:18px;font-weight:600;color:#1d1d1f;margin-bottom:8px}.page_packagePrice__Fx6tf{font-size:24px;font-weight:700;color:#007AFF;margin-bottom:16px}.page_packageCard__Jtnix ul{list-style:none;margin-bottom:24px}.page_packageCard__Jtnix li{color:#666;position:relative;padding:8px 0 8px 20px}.page_packageCard__Jtnix li:before{content:"✓";position:absolute;left:0;color:#007AFF;font-weight:700}.page_packageButton__VhwcT{width:100%;background:#007AFF;color:white;border:none;padding:12px;border-radius:8px;font-weight:500;cursor:pointer;transition:background .2s ease}.page_packageButton__VhwcT:hover{background:#0056CC}@media (max-width:768px){.page_dashboardContent__rcGOt{grid-template-columns:1fr;gap:24px}.page_sidebar__eZho5{border-right:none;border-bottom:1px solid #e5e5e7;padding-right:0;padding-bottom:24px;flex-direction:row;overflow-x:auto}.page_tabButton__cY37n{white-space:nowrap;min-width:120px}.page_mainContent__i3RkR{padding-left:0}.page_infoGrid__Emgeh,.page_statsGrid__B9u_9{grid-template-columns:1fr}.page_actionButtons__JT4_S{flex-direction:column}.page_deviceCard__HhIDM,.page_devicesHeader__LBVtg{flex-direction:column;gap:16px;align-items:stretch}.page_deviceStatus__V3TEz{justify-content:space-between}.page_balanceCard__GADBR{flex-direction:column;gap:16px;text-align:center}.page_packageGrid__djhxH{grid-template-columns:1fr}}