body{margin:0;min-height:100vh;background:#f3f4f6;overflow-x:hidden}.admin-layout{min-height:100vh;display:flex;background:#f3f4f6}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column;background:#f3f4f6}.admin-content{flex:1;padding:32px;background:#f3f4f6}.admin-page{display:flex;flex-direction:column;gap:24px;min-width:0}.admin-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:0}.admin-page-header h1{margin:0;font-size:26px;font-weight:800;color:#111827}.admin-page-header p{margin:8px 0 0;font-size:14px;color:#6b7280}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.admin-card-title{margin:0 0 18px;font-size:20px;font-weight:800;color:#111827}.admin-summary{display:grid;gap:16px}.admin-summary.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-summary.four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.admin-summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:14px}.admin-summary-card strong{color:#111827;font-size:28px;font-weight:800}.admin-table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:14px}.admin-table th,.admin-table td{padding:14px;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:middle;white-space:nowrap}.admin-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.admin-table tr:last-child td{border-bottom:0}.admin-empty{padding:40px;text-align:center;color:#6b7280}.admin-primary-button,.admin-secondary-button,.admin-danger-button{min-height:36px;border-radius:10px;padding:0 14px;font-weight:700;cursor:pointer}.admin-primary-button{border:0;background:#111827;color:#fff}.admin-secondary-button{border:1px solid #d1d5db;background:#fff;color:#374151}.admin-danger-button{border:1px solid #fecaca;background:#fff;color:#dc2626}.admin-modal-backdrop{position:fixed;inset:0;z-index:999;padding:24px;background:#11182773;display:flex;align-items:center;justify-content:center}.admin-modal{width:min(920px,100%);max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-modal-header h2{margin:0;font-size:22px;font-weight:800}.admin-detail-grid{display:grid;gap:12px}.admin-detail-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-detail-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-detail-item{min-width:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.admin-detail-item span{display:block;margin-bottom:6px;color:#6b7280;font-size:13px}.admin-detail-item strong{color:#111827;font-size:14px;word-break:break-word}.primary-button,.detail-button,.edit-button{min-height:36px;border:0;border-radius:10px;padding:0 14px;background:#4b7cff;color:#fff;font-weight:700;cursor:pointer}.secondary-button,.close-button{min-height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;padding:0 12px;border-radius:10px;cursor:pointer;font-weight:700}.delete-button,.danger-button{min-height:36px;border:1px solid #fecaca;border-radius:10px;padding:0 14px;background:#fff;color:#dc2626;font-weight:700;cursor:pointer}.primary-button:disabled,.secondary-button:disabled,.delete-button:disabled,.detail-button:disabled,.edit-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:900px){.admin-summary.three,.admin-summary.four,.admin-detail-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.admin-page-header{flex-direction:column;align-items:flex-start}.admin-summary.three,.admin-summary.four,.admin-detail-grid.two,.admin-detail-grid.four{grid-template-columns:1fr}}.admin-tabs{flex:1;min-width:0;max-width:100%;display:flex;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;contain:layout paint}.admin-tab{height:34px;min-width:0;padding:0 12px;border:1px solid #d7dce8;border-radius:8px;background:#f4f6fb;color:#566070;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;white-space:nowrap;font-size:13px;font-weight:700;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease;touch-action:pan-x}.admin-tab:hover{border-color:#4b7cff}.admin-tab.dragging{opacity:.9;cursor:pointer;box-shadow:0 8px 18px #0f172a2e;overflow-x:hidden;overflow-y:hidden}.admin-tabs.drag-active{cursor:pointer}.admin-tab.active{background:#eef3ff;color:#2563eb;border-color:#4b7cff;cursor:pointer}.admin-tab-label{display:inline-flex;align-items:center;justify-content:center;line-height:1}.admin-tab-close{width:20px;height:20px;padding:0;margin:0 -4px 0 0;border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;color:#9ca3af;font-size:15px;font-weight:700;line-height:1;cursor:pointer}.admin-tab-close:hover{color:#2563eb}.admin-tab-close-placeholder{width:20px;height:20px;flex-shrink:0}@media(max-width:768px){.admin-tabs{flex:none;width:100%;height:42px;padding:0 0 6px;align-items:center}.admin-tab{height:32px;padding:0 12px;font-size:12px}.admin-tab-close{width:18px;height:18px;font-size:14px}}.header{position:sticky;top:0;z-index:900;height:64px;min-height:64px;padding:0 24px;background:#fff;border-bottom:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:16px;overflow:visible}.header strong{font-size:16px}.header-user{position:relative;flex-shrink:0;display:flex;align-items:center;gap:12px}.header-user button{font:inherit}.header-user-trigger{max-width:220px;display:inline-flex;align-items:center;gap:7px;padding:6px 8px;border:0;border-radius:6px;background:transparent;color:#333;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer}.header-user-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-user-trigger svg{flex-shrink:0}.header-user-chevron{transition:transform .16s ease}.header-user-chevron.open{transform:rotate(180deg)}.header-user-trigger:hover,.header-user-trigger[aria-expanded=true]{background:#f3f4f6}.header-user-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:1000;min-width:190px;padding:6px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a24}.header-user-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:#111827;font-family:inherit;font-size:13px;font-weight:600;text-align:left;white-space:nowrap;cursor:pointer}.header-user-menu button:hover{background:#f3f4f6}@media(max-width:768px){.header{height:auto;min-height:56px;padding:10px 16px 10px 60px;flex-wrap:wrap;align-items:center}.admin-tabs{order:2;flex-basis:100%;height:50px;padding-left:0}.admin-tabs{display:none}.header-user{order:1;margin-left:auto;min-width:0;max-width:100%}.header-user-trigger{max-width:min(220px,calc(100vw - 92px))}.header-user-menu{max-width:calc(100vw - 32px)}}.sidebar{position:sticky;top:0;width:240px;min-width:240px;height:100vh;min-height:100vh;background:#182033;display:flex;flex-direction:column;overflow-x:hidden;transition:width .25s ease,min-width .25s ease,transform .3s ease;z-index:1100;overflow-y:auto;overflow-x:visible}.sidebar.collapsed{width:72px;min-width:72px;overflow:visible}.sidebar-top{position:relative;padding:12px 10px;height:64px;display:flex;align-items:center;justify-content:space-between}.sidebar-collapse-button{width:34px;height:34px;flex-shrink:0;border:none;border-radius:8px;background:#ffffff14;color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer}.sidebar-menu-title{display:flex;align-items:center;gap:12px;min-width:0}.sidebar-link,.sidebar-group-button{gap:12px}.sidebar-link svg,.sidebar-group-button svg,.sidebar-sublink svg{flex-shrink:0}.sidebar.collapsed .sidebar-top{padding:12px 0;justify-content:center}.sidebar.collapsed .sidebar-logo,.sidebar-collapsed-tooltip{display:none}.sidebar.collapsed .sidebar-collapsed-tooltip:before{content:"";position:absolute;top:50%;left:-7px;transform:translateY(-50%);width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #182033}.sidebar.collapsed .sidebar-submenu:before{content:"";position:absolute;top:18px;left:-7px;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-right:8px solid #182033}.sidebar-collapsed-tooltip{display:none}.sidebar.collapsed .sidebar-collapsed-tooltip{position:absolute;top:50%;left:74px;transform:translateY(-50%);display:none;padding:9px 12px;min-width:170px;background:#182033;color:#fff;border:1px solid rgba(255,255,255,.08);border-radius:12px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 12px 30px #00000047;z-index:9999}.sidebar.collapsed .sidebar-link:hover .sidebar-collapsed-tooltip{display:block}.sidebar.collapsed .sidebar-link,.sidebar.collapsed .sidebar-group-button{justify-content:center;padding:0;position:relative}.sidebar.collapsed .sidebar-submenu:after{content:"";position:absolute;top:0;left:-28px;width:28px;height:100%;background:transparent}.sidebar.collapsed .sidebar-link:after{content:"";position:absolute;top:-6px;left:56px;width:28px;height:56px;background:transparent;z-index:9998}.sidebar.collapsed .sidebar-menu-title{justify-content:center;gap:0}.sidebar.collapsed .sidebar-group{position:relative}.sidebar.collapsed .sidebar-submenu{display:none;position:absolute;top:0;left:82px;margin-left:0;padding:8px;min-width:170px;background:#182033;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 12px 30px #00000047;z-index:9999}.sidebar.collapsed .sidebar-group:hover .sidebar-submenu{display:flex}.sidebar-logo{display:flex;align-items:center;gap:10px;min-width:0}.sidebar-logo-image{width:34px;height:34px;border-radius:10px}.sidebar-logo-text{color:#fff;font-weight:700}.sidebar-close-button{display:none}.sidebar-menu{display:flex;flex-direction:column;padding:10px;gap:6px}.sidebar-link,.sidebar-group-button{height:44px;padding:0 12px;font-size:14px;font-weight:700;line-height:1}.sidebar-link{padding:0 12px;border-radius:10px;color:#c5c8d3;text-decoration:none;display:flex;align-items:center}.sidebar-link.active{background:#4b7cff;color:#fff}.mobile-menu-button,.sidebar-overlay{display:none}.sidebar-group{display:flex;flex-direction:column;gap:6px}.sidebar-group-button{width:100%;height:44px;padding:0 12px;border:none;border-radius:10px;background:transparent;color:#c5c8d3;display:flex;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;cursor:pointer}.sidebar-group-button:hover{background:#ffffff0d}.sidebar-submenu{display:flex;flex-direction:column;gap:4px;margin-left:10px;padding-left:10px;border-left:1px solid rgba(255,255,255,.08)}.sidebar-sublink{padding:10px 12px;border-radius:8px;color:#c5c8d3;text-decoration:none;font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px}.sidebar-sublink.active{background:#4b7cff;color:#fff}.sidebar-logo-text,.sidebar-link span,.sidebar-group-button span,.sidebar-sublink span{white-space:nowrap}.sidebar.collapsed .sidebar-menu-label,.sidebar.collapsed .sidebar-logo-text,.sidebar.collapsed .sidebar-menu-arrow{display:none}.sidebar-sublink,.sidebar-menu-title{white-space:nowrap;overflow:hidden}.sidebar-link,.sidebar-group-button{white-space:nowrap;overflow:visible}.sidebar.collapsed .sidebar-group-button{width:calc(100% - 16px);margin:0 8px}.sidebar.collapsed .sidebar-menu-title{width:100%;justify-content:center}.sidebar.collapsed .sidebar-menu-title svg{margin:0 auto}.sidebar-submenu-title{padding:8px 10px 10px;margin-bottom:4px;color:#fff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-menu{padding:10px 0}.sidebar.collapsed .sidebar-link{width:calc(100% - 16px);margin:0 8px}@media(max-width:768px){.mobile-menu-button{display:block;position:fixed;top:12px;left:12px;z-index:998;width:40px;height:40px;border:none;border-radius:10px;background:#182033;color:#fff;cursor:pointer}.sidebar{position:fixed;top:0;left:0;z-index:1000;width:240px;min-width:240px;transform:translate(-100%)}.sidebar-collapse-button{display:none}.sidebar.collapsed{width:240px;min-width:240px}.sidebar.collapsed .sidebar-logo,.sidebar.collapsed .sidebar-submenu{display:flex}.sidebar.collapsed .sidebar-top{padding:12px 10px;justify-content:space-between}.sidebar.collapsed .sidebar-menu-title{justify-content:flex-start;gap:12px}.sidebar.collapsed .sidebar-logo-text{display:inline}.sidebar.collapsed .sidebar-link,.sidebar.collapsed .sidebar-group-button{justify-content:space-between;padding:0 12px}.sidebar-logo-text{font-size:16px}.sidebar.open{transform:translate(0)}.sidebar-close-button{display:flex;position:absolute;top:18px;right:16px;width:36px;height:36px;align-items:center;justify-content:center;border:none;border-radius:10px;background:#ffffff14;color:#fff;font-size:18px;cursor:pointer}.sidebar-overlay{display:block;position:fixed;inset:0;background:#00000073;z-index:999}}.admin-layout{display:flex;min-height:100vh;background:#f5f6fa}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-content{flex:1;min-width:0;padding:24px}@media(max-width:768px){.admin-layout{display:block}.admin-main{width:100%}.admin-content{padding:16px}}.dashboard-page{height:calc(100vh - 96px);min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.dashboard-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-shrink:0}.dashboard-title-row h1{margin:0;font-size:26px;font-weight:800;color:#111827}.dashboard-title-row p{margin:8px 0 0;color:#6b7280;font-size:14px}.dashboard-title-row span{color:#6b7280;font-size:13px;font-weight:700}.dashboard-summary-grid{flex-shrink:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dashboard-summary-card,.dashboard-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.dashboard-summary-card{min-height:72px;padding:14px 16px}.dashboard-summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:800}.dashboard-summary-card strong{color:#111827;font-size:22px;font-weight:900}.dashboard-grid{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(360px,.9fr);grid-template-rows:minmax(270px,1fr) minmax(300px,1fr);gap:12px}.dashboard-card{min-width:0;min-height:0;padding:14px 16px;overflow:hidden;display:flex;flex-direction:column}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.dashboard-card-header h2{margin:0}.dashboard-chart-body{flex:1;min-width:0;min-height:220px}.info-list{display:flex;flex-direction:column;gap:8px;overflow:hidden}.info-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #eef0f4}.info-row span{flex-shrink:0;color:#6b7280;font-size:13px;font-weight:800}.info-row strong{min-width:0;color:#111827;font-size:13px;font-weight:900;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.info-row strong.normal{color:#047857}.info-row strong.danger{color:#dc2626}.content-status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.content-status-item{min-width:0;min-height:50px;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;background:#f9fafb}.content-status-item span{display:block;margin-bottom:6px;color:#6b7280;font-size:12px;font-weight:800}.content-status-item strong{color:#111827;font-size:18px;font-weight:900}.empty-chart{height:100%;display:flex;align-items:center;justify-content:center;color:#9ca3af;font-size:13px;font-weight:700}.dashboard-card:has(.dashboard-chart-body){min-height:270px}.dashboard-chart-card{min-height:270px}.dashboard-chart-card .dashboard-chart-body{min-height:220px}.dashboard-link-button{height:30px;padding:0 12px;border-radius:8px;border:1px solid #c7d7ff;background:#fff;color:#315acb;font-size:12px;font-weight:800;cursor:pointer}.dashboard-link-button:hover{background:#f3f6ff}@media(max-width:1400px){.dashboard-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.dashboard-page{height:auto;overflow:visible}.dashboard-title-row{align-items:flex-start;flex-direction:column}.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-grid{grid-template-columns:1fr;grid-template-rows:auto}.dashboard-card{min-height:320px}.content-status-grid{grid-template-columns:1fr}}html,body,#root{width:100%;min-height:100%;margin:0}body{min-height:100vh}.login-page{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;background:radial-gradient(circle at top left,rgba(75,124,255,.16),transparent 32%),linear-gradient(135deg,#f5f7fb,#eef2ff)}.login-card{width:100%;max-width:420px;padding:36px;background:#fff;border:1px solid #e5e7eb;border-radius:24px;box-shadow:0 24px 60px #0f172a1f}.login-logo{width:52px;height:52px;margin-bottom:22px;border-radius:16px;background:#4b7cff;color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;justify-content:center}.login-card h1{margin:0;font-size:28px;font-weight:900;color:#111827}.login-card p{margin:10px 0 28px;color:#6b7280;font-size:14px;font-weight:600}.login-form{display:flex;flex-direction:column;gap:18px}.login-form label{display:flex;flex-direction:column;gap:8px;color:#374151;font-size:13px;font-weight:800}.login-form input{width:100%;height:48px;padding:0 14px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;color:#111827;font-size:14px;font-weight:700;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease;box-sizing:border-box}.login-form input:focus{border-color:#4b7cff;background:#fff;box-shadow:0 0 0 4px #4b7cff1f}.login-form button{width:100%;height:50px;margin-top:8px;border:0;border-radius:14px;background:#4b7cff;color:#fff;font-size:15px;font-weight:900;cursor:pointer;transition:background .2s ease,transform .15s ease}.login-form button:hover{background:#315acb}.login-form button:active{transform:scale(.99)}.login-form button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:480px){.login-page{padding:16px}.login-card{padding:28px 22px;border-radius:20px}.login-card h1{font-size:24px}}.user-page{display:flex;flex-direction:column;gap:12px;min-width:0}.page-title-row h1{margin:0;font-size:26px;font-weight:800;color:#111827}.page-title-row p{margin:8px 0 0;color:#6b7280;font-size:14px}.page-header-row{display:flex;justify-content:space-between;align-items:center;gap:24px}.page-header-row h1{margin:0;font-size:26px;font-weight:800;color:#111827}.table-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px}.user-table-card{container-name:user-table-card;container-type:inline-size;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.user-search-card{width:fit-content;margin-left:auto;margin-bottom:0;display:grid;grid-template-columns:360px 140px 140px 140px 72px;gap:10px;background:transparent;border:none;border-radius:0;padding:0}.user-search-card input,.user-search-card select{height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827}.user-search-card button,.detail-button,.pagination button{min-height:36px;padding:0 14px;border:0;border-radius:10px;background:#4b7cff;color:#fff;font-weight:700;cursor:pointer}.user-search-card button:disabled,.pagination button:disabled{opacity:.5;cursor:not-allowed}.table-summary{margin-bottom:0;color:#6b7280;font-size:14px}.user-table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.user-table-scroll:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.user-table{width:100%;min-width:1270px;table-layout:fixed;border-collapse:collapse;font-size:14px}.user-table th:nth-child(1),.user-table td:nth-child(1){width:60px}.user-table th:nth-child(2),.user-table td:nth-child(2){width:140px}.user-table th:nth-child(3),.user-table td:nth-child(3){width:240px}.user-table th:nth-child(4),.user-table td:nth-child(4){width:90px}.user-table th:nth-child(5),.user-table td:nth-child(5){width:90px}.user-table th:nth-child(6),.user-table td:nth-child(6){width:80px}.user-table th:nth-child(7),.user-table td:nth-child(7){width:70px}.user-table th:nth-child(8),.user-table td:nth-child(8){width:150px}.user-table th:nth-child(9),.user-table td:nth-child(9){width:150px}.user-table th:nth-child(10),.user-table td:nth-child(10){width:60px}.user-table th:nth-child(11),.user-table td:nth-child(11){width:70px}.user-table th,.user-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:middle;white-space:nowrap}.user-table td{overflow:hidden;text-overflow:ellipsis}.user-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.user-table tr:last-child td{border-bottom:0}.empty-cell{padding:40px!important;text-align:center!important;color:#6b7280}.detail-button{height:30px;min-height:30px;padding:0 10px;font-size:13px}.modal-backdrop.user-modal-backdrop{z-index:20000}.user-detail-modal{box-sizing:border-box;width:min(860px,calc(100vw - 48px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.user-detail-modal h3{margin:24px 0 12px;font-size:18px;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-item{min-width:0;background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.detail-item span{display:block;margin-bottom:6px;color:#6b7280;font-size:13px}.detail-item strong{color:#111827;font-size:14px;word-break:break-word}.device-table-scroll{overflow-x:auto}.device-table-wrap{overflow:visible;border:1px solid #e5e7eb;border-radius:12px}.device-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px}.device-table th,.device-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;white-space:nowrap}.device-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.device-table tr:last-child td{border-bottom:0}.device-id-cell{position:relative;max-width:220px;overflow:visible}.device-id-text{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.empty-device-text{margin:0;padding:16px;border-radius:12px;background:#f9fafb;color:#6b7280}.active-device-row{background-color:#f0fdf4}.active-device-row td{background-color:#eff6ff!important;font-weight:600}.user-table th[onClick]{cursor:pointer;-webkit-user-select:none;user-select:none}.user-table th[onClick]:hover{background:#eef4ff}.sort-icon{display:inline-flex;align-items:center;gap:0;margin-left:3px;font-size:12px;font-weight:900;line-height:1;color:#cbd5e1;cursor:pointer}.sort-icon span+span{margin-left:-3px}.sort-icon.active{color:#2563eb}@media(max-width:900px){.detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.user-modal-backdrop{padding:12px}.user-detail-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}}@container user-table-card (max-width: 900px){.table-toolbar{flex-direction:column;align-items:stretch}.user-search-card{width:100%;min-width:0;margin-left:0;grid-template-columns:minmax(180px,1fr) 120px 120px 120px 80px;gap:8px}}@container user-table-card (max-width: 620px){.user-search-card{grid-template-columns:repeat(2,minmax(0,1fr))}.user-search-card input{grid-column:1 / -1}.user-search-card input,.user-search-card select,.user-search-card button{width:100%;min-width:0;box-sizing:border-box}}@container user-table-card (max-width: 360px){.user-search-card{grid-template-columns:1fr}.user-search-card input{grid-column:auto}}.overflow-tooltip-text{display:block;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overflow-tooltip-popup{position:fixed;z-index:99999;max-width:520px;padding:10px 12px;background:#182033;color:#fff;border-radius:10px;font-size:12px;line-height:1.5;word-break:break-all;white-space:normal;box-shadow:0 12px 30px #00000040}.learning-page{display:grid;grid-template-columns:360px minmax(0,1fr);gap:24px;min-width:0;height:calc(100vh - 128px);overflow:hidden}.learning-tree-card,.learning-detail-card,.learning-question-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.learning-tree-card{min-width:0;overflow-y:auto}.learning-tree-card h2,.learning-detail-card h2,.learning-question-card h2{margin:0;font-size:20px;font-weight:800;color:#111827}.learning-tree{margin-top:18px}.tree-node{font-size:14px}.tree-node-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border-radius:10px;cursor:pointer}.tree-node-row:hover{background:#f3f5fb}.tree-node-row.selected{background:#4b7cff;color:#fff}.tree-toggle{width:20px;min-width:20px;color:inherit}.tree-children{margin-left:18px;padding-left:8px;border-left:1px solid #e5e7eb}.learning-content{min-width:0;display:flex;flex-direction:column;gap:24px;overflow:hidden}.learning-detail-card{flex-shrink:0}.learning-question-card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.detail-view{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.detail-item{min-width:0;min-height:58px;padding:10px 12px}.detail-description{grid-column:1 / -1}.detail-item span{margin-bottom:4px;font-size:12px}.detail-item strong{font-size:13px}.detail-item.name-item{grid-column:span 2}.badge,.mini-badge{display:inline-flex;align-items:center;border-radius:999px;font-size:12px;font-weight:800}.badge{padding:6px 10px}.mini-badge{padding:4px 8px}.badge.open,.mini-badge.open{background:#ecfdf5;color:#047857}.badge.closed,.mini-badge.closed{background:#fef2f2;color:#dc2626}.tree-node-row.selected .mini-badge{background:#fff3;color:#fff}.count-text{color:#6b7280;font-size:14px}.question-table-wrap{flex:1;min-height:0;overflow:auto}.question-table{width:100%;min-width:1200px;border-collapse:collapse;font-size:14px}.question-table thead th{position:sticky;top:0;z-index:2}.question-table th,.question-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;white-space:nowrap;vertical-align:middle}.question-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.question-text-cell{max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-choice-cell{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.small-button{min-height:30px;height:30px;padding:0 10px;font-size:13px;border:0;border-radius:10px;background:#4b7cff;color:#fff;cursor:pointer;font-weight:700}.empty-text{margin:0;color:#6b7280;font-size:14px}.modal-backdrop{position:fixed;inset:0;z-index:999;padding:24px;background:#11182773;display:flex;justify-content:center;align-items:center}.modal-backdrop.question-modal-backdrop{z-index:20000}.question-detail-modal{box-sizing:border-box;width:min(1200px,calc(100vw - 48px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.question-detail-view .detail-item strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.question-detail-modal h3{margin:24px 0 12px;font-size:18px;font-weight:800}.text-box,.json-box{padding:14px;border-radius:12px;background:#f9fafb;border:1px solid #e5e7eb;white-space:pre-wrap;word-break:break-word}.json-box{max-height:300px;overflow:auto}.tag-list{display:flex;flex-wrap:wrap;gap:8px}.tag-badge{padding:6px 10px;border-radius:999px;background:#eef3ff;color:#315acb;font-size:13px;font-weight:800}.visibility-actions,.question-actions{display:flex;align-items:center;gap:8px}.primary-outline-button,.danger-outline-button{min-height:32px;padding:0 12px;border-radius:10px;background:#fff;cursor:pointer;font-size:13px;font-weight:800}.primary-outline-button{border:1px solid #4b7cff;color:#315acb}.danger-outline-button{border:1px solid #ef4444;color:#dc2626}.small-outline{min-height:30px;height:30px;padding:0 10px}.primary-outline-button:disabled,.danger-outline-button:disabled{opacity:.5;cursor:not-allowed}.question-count-summary{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:13px;font-weight:700}.question-table th:last-child,.question-table td:last-child{text-align:center;width:80px}.question-table th:nth-last-child(2),.question-table td:nth-last-child(2){text-align:center;width:80px}.status-toggle-button{min-height:28px;padding:0 10px;border:0;border-radius:999px;cursor:pointer;font-size:12px;font-weight:800;white-space:nowrap}.status-toggle-button.open{background:#ecfdf5;color:#047857}.status-toggle-button.closed{background:#fef2f2;color:#dc2626}.status-toggle-button:disabled{opacity:.5;cursor:not-allowed}.question-note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font:inherit}.question-action-cell{display:flex;justify-content:center;align-items:center}@media(max-width:1200px){.learning-page{grid-template-columns:1fr;height:auto;overflow:visible}.learning-tree-card{max-height:420px}.learning-content{overflow:visible}.learning-question-card{min-height:520px}.detail-view{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.question-modal-backdrop{padding:12px}.question-detail-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}.detail-view{grid-template-columns:1fr}}.operation-page{display:flex;flex-direction:column;gap:12px;min-width:0}.operation-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.operation-page-header h1{margin:0;font-size:26px;font-weight:800;color:#111827}.operation-page-header p{margin:8px 0 0;color:#6b7280;font-size:14px}.primary-button{min-height:36px;border:0;background:#4b7cff;color:#fff;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700}.operation-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.operation-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden}.operation-table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.operation-table-scroll:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.operation-table{width:100%;min-width:980px;border-collapse:collapse;font-size:14px}.operation-table th,.operation-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:middle;white-space:nowrap}.operation-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.operation-table tr:last-child td{border-bottom:0}.type-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.type-badge.notice{background:#ecfdf5;color:#047857}.type-badge.maintenance{background:#fef2f2;color:#b91c1c}.table-actions button,.modal-actions button{min-height:34px;border:1px solid #d1d5db;background:#fff;color:#374151;padding:0 12px;border-radius:10px;cursor:pointer;font-weight:700}.table-actions button:first-child,.modal-actions .primary-button{border-color:#4b7cff;background:#4b7cff;color:#fff}.table-actions .danger{background:#fff;color:#dc2626;border-color:#fecaca}.modal-backdrop.operation-modal-backdrop{z-index:20000}.operation-modal{box-sizing:border-box;width:min(760px,calc(100vw - 48px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.form-grid textarea{min-height:140px;resize:vertical}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.time-range-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1 / -1}.time-range-group label{display:flex;flex-direction:column;gap:8px}.action-badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800}.action-help{grid-column:1 / -1;padding:12px 14px;border-radius:10px;background:#f8fafc;color:#64748b;font-size:13px;font-weight:600;line-height:1.5}@media(max-width:900px){.operation-summary{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.operation-modal-backdrop{padding:12px}.operation-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}.operation-page-header{flex-direction:column;align-items:flex-start}.operation-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.operation-summary .summary-card{padding:12px;min-height:70px;border-radius:12px}.operation-summary .summary-card span{margin-bottom:6px;font-size:12px}.operation-summary .summary-card strong{font-size:20px}.form-grid{grid-template-columns:1fr}}.promotion-page{display:flex;flex-direction:column;gap:10px;min-width:0}.promotion-page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.promotion-page-header h1{margin:0;font-size:26px;font-weight:800;color:#111827}.promotion-page-header p{margin:8px 0 0;color:#6b7280;font-size:14px}.primary-button{min-height:36px;border:0;background:#4b7cff;border-color:#4b7cff;color:#fff;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700}.promotion-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.summary-card,.promotion-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.summary-card{padding:20px}.promotion-table-card{overflow:hidden}.promotion-table-card.inner{border-radius:12px}.promotion-table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.promotion-table-scroll:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.promotion-table{width:100%;min-width:1100px;border-collapse:collapse;font-size:14px}.promotion-table th,.promotion-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:middle;white-space:nowrap}.promotion-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.title-cell{font-weight:700;color:#111827}.status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-badge.active{background:#ecfdf5;color:#047857}.status-badge.inactive{background:#f3f4f6;color:#4b5563}.status-badge.ended{background:#fef2f2;color:#b91c1c}.table-actions{display:flex;gap:8px}.table-actions button,.bottom-actions button{min-height:34px;border:1px solid #d1d5db;background:#fff;color:#374151;padding:0 12px;border-radius:10px;cursor:pointer;font-weight:700}.table-actions button{min-height:30px;height:30px;padding:0 10px;font-size:13px}.promotion-page .edit-button{background:#4b7cff;border-color:#4b7cff;color:#fff}.promotion-page .delete-button{background:#fff;border-color:#fecaca;color:#dc2626}.promotion-page .primary-button,.promotion-modal .primary-button{background:#4b7cff;border-color:#4b7cff;color:#fff}button:disabled{opacity:.55;cursor:not-allowed}.modal-backdrop.promotion-modal-backdrop{z-index:20000}.promotion-modal{box-sizing:border-box;width:min(760px,calc(100vw - 48px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.promotion-modal.large{width:min(1000px,calc(100vw - 48px))}.compact-form{border:1px solid #e5e7eb;border-radius:14px;padding:12px 14px;display:grid;grid-template-columns:1fr 1fr;gap:8px 16px}.compact-form label{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:8px;font-size:13px;color:#374151;font-weight:800}.compact-form label.full{grid-column:1 / -1}.compact-form input,.compact-form select,.compact-form textarea,.detail-toolbar select{width:100%;box-sizing:border-box;border:1px solid #d1d5db;border-radius:8px;padding:7px 10px;font-size:13px}.compact-form textarea{min-height:42px;max-height:56px;resize:vertical}.inline-date-range{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px}.inline-date-range span{color:#6b7280;font-weight:800}.form-inline-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:8px;margin-top:2px}.form-inline-actions button{min-height:32px;border:1px solid #d1d5db;background:#fff;color:#374151;padding:0 12px;border-radius:10px;cursor:pointer;font-weight:700}.promotion-code-section{margin-top:14px;padding-top:12px;border-top:1px solid #e5e7eb}.detail-toolbar.compact{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.detail-toolbar-title{display:flex;align-items:center;gap:8px}.detail-toolbar-title h3{margin:0;font-size:18px;font-weight:800}.detail-toolbar-title span{color:#6b7280;font-size:13px}.detail-toolbar.compact select{width:120px;padding:8px 10px}.code-table{min-width:900px;table-layout:auto}.code-table .code-user-column{width:150px}.code-table .code-date-column{width:112px;padding-left:8px;padding-right:8px;font-variant-numeric:tabular-nums}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px 0}.pagination button{min-height:34px;padding:0 14px;border:0;border-radius:10px;background:#4b7cff;color:#fff;font-weight:700;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.bottom-actions{display:flex;justify-content:flex-end;margin-top:18px}.coupon-list-header p{margin:8px 0 0}.coupon-list-header{align-items:flex-end;margin-bottom:0}.coupon-list-title{display:flex;flex-direction:column;gap:8px}.coupon-list-meta{display:flex;align-items:center;gap:12px;color:#6b7280;font-size:14px}.coupon-list-meta span+span:before{content:"";display:inline-block;width:1px;height:12px;margin-right:12px;background:#d1d5db;vertical-align:-1px}.coupon-list-actions{display:flex;align-items:flex-end;gap:8px;padding-bottom:2px}.coupon-list-actions select{height:36px;min-width:120px;border:1px solid #d1d5db;border-radius:10px;padding:0 10px;background:#fff;font-weight:700}.coupon-list-actions select,.coupon-list-actions button{height:40px}.code-status-badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.code-status-badge.used{background:#ecfdf5;color:#047857}.code-status-badge.issued{background:#fef2f2;color:#b91c1c}@media(max-width:900px){.promotion-summary{grid-template-columns:repeat(2,1fr)}.compact-form,.inline-date-range{grid-template-columns:1fr}}@media(max-width:640px){.promotion-page-header{flex-direction:column;align-items:flex-start}.promotion-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.promotion-summary .summary-card{padding:12px;min-height:70px;border-radius:12px}.promotion-summary .summary-card span{margin-bottom:6px;font-size:12px}.promotion-summary .summary-card strong{font-size:20px}.promotion-modal-backdrop{padding:12px}.promotion-modal,.promotion-modal.large{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}}.push-page{display:flex;flex-direction:column;gap:12px;min-width:0}.push-page-header h1{margin:0;font-size:26px;font-weight:800;color:#111827}.push-page-header p{margin:8px 0 0;color:#6b7280;font-size:14px}.push-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px}.summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:14px}.summary-card strong{color:#111827;font-size:28px;font-weight:800}.push-form-card,.push-table-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.push-form-card h2,.push-table-card h2{margin:0 0 18px;font-size:20px;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#374151;font-weight:700}.form-grid label.full{grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{border:1px solid #d1d5db;border-radius:10px;padding:12px;font-size:14px}.form-grid textarea{min-height:120px;resize:vertical}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.push-page button{min-height:36px;border:1px solid #d1d5db;background:#fff;border-radius:10px;padding:0 14px;cursor:pointer;font-weight:700}.push-table button{min-height:30px;height:30px;padding:0 10px;font-size:13px}button:disabled{opacity:.6;cursor:not-allowed}.table-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.table-header h2{margin-bottom:4px}.table-count{margin:0;color:#6b7280;font-size:14px}.push-table-scroll{width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.push-table-scroll:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.push-history-table-scroll .push-table{min-width:900px}.push-detail-table-scroll .push-table{min-width:720px}.push-table{width:100%;border-collapse:collapse;font-size:14px}.push-table th,.push-table td{border-bottom:1px solid #eef0f4;padding:10px 12px;line-height:1.35;text-align:left;vertical-align:middle;white-space:nowrap}.push-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.push-table tr:last-child td{border-bottom:0}.title-cell strong{display:block;font-weight:800}.empty-box{padding:40px;text-align:center;color:#6b7280}.pagination{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:18px}.pagination button{min-height:34px}.pagination span{color:#111827;font-size:14px;font-weight:700}.modal-backdrop{position:fixed;inset:0;z-index:999;padding:24px;background:#11182773;display:flex;align-items:center;justify-content:center}.push-modal-backdrop{z-index:10000}.push-detail-modal{box-sizing:border-box;width:min(1100px,calc(100vw - 48px));max-height:90vh;overflow:auto;background:#fff;border-radius:18px;padding:24px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h2{margin:0;font-size:22px;font-weight:800}.detail-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.detail-summary div,.push-content-card{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:14px}.detail-summary span,.push-content-card span{display:block;margin-bottom:6px;color:#6b7280;font-size:13px}.detail-summary strong{color:#111827;font-size:14px;word-break:break-word}.push-content-card{margin-bottom:24px}.push-content-card p{margin:0;color:#111827;font-size:14px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.detail-result-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:24px;margin-bottom:12px}.detail-result-header h3{margin:0;font-size:18px;font-weight:800}.detail-result-header span{color:#6b7280;font-size:14px}.token-cell{max-width:260px}.token-copy-button{max-width:260px;min-height:auto;padding:0;border:0;background:transparent;color:#6b7280;font-size:12px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.push-detail-summary-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.push-detail-summary-cards .summary-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:18px}.push-detail-summary-cards .summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:13px}.push-detail-summary-cards .summary-card strong{font-size:24px;font-weight:800;color:#111827}.save-message{margin-top:12px;padding:12px 14px;border-radius:10px;background:#f1f5f9;color:#475569;font-size:13px;font-weight:600;text-align:center}.push-page .primary-button{border:0;background:#4b7cff;color:#fff}.push-table button{min-height:30px;height:30px;padding:0 10px;font-size:13px;border:1px solid #4b7cff;background:#4b7cff;color:#fff;border-radius:10px;font-weight:700}.table-header button{min-height:34px;border:1px solid #d1d5db;background:#fff;color:#374151;border-radius:10px;padding:0 12px;font-weight:700}.form-actions button:first-child{border:1px solid #d1d5db;background:#fff;color:#374151}.form-actions .primary-button{border:0;background:#4b7cff;color:#fff}.pagination button{min-height:34px;border:0;background:#4b7cff;color:#fff;border-radius:10px;padding:0 14px;font-weight:700}@media(max-width:900px){.push-summary,.detail-summary,.push-detail-summary-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.push-summary,.form-grid,.detail-summary{grid-template-columns:1fr}.table-header,.detail-result-header{align-items:flex-start;flex-direction:column}.push-detail-summary-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.push-detail-summary-cards .summary-card{padding:12px;min-height:70px;border-radius:12px}.push-detail-summary-cards .summary-card span{margin-bottom:6px;font-size:12px}.push-detail-summary-cards .summary-card strong{font-size:20px}.push-modal-backdrop{padding:12px}.push-detail-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}}.statistics-page{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;height:calc(100vh - 96px);min-width:0;overflow:hidden}.statistics-filter-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;overflow-y:auto}.statistics-filter-panel h2{margin:0 0 20px;font-size:20px;font-weight:800;color:#111827}.filter-section{margin-bottom:22px}.filter-section label{display:block;margin-bottom:8px;color:#374151;font-size:13px;font-weight:800}.filter-section select{width:100%;height:40px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;color:#111827;font-weight:700}.statistics-tree{margin-top:10px}.statistics-tree-row{display:flex;align-items:center;gap:8px;min-height:34px;padding:6px 8px;border-radius:10px;cursor:pointer;color:#374151;font-size:14px;font-weight:700}.statistics-tree-row:hover{background:#f3f5fb}.statistics-tree-row.selected{background:#4b7cff;color:#fff}.statistics-tree-children{margin-left:18px;padding-left:8px;border-left:1px solid #e5e7eb}.tree-toggle{width:20px;min-width:20px}.tree-node-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.statistics-content{min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.statistics-title-row{display:flex;justify-content:space-between;align-items:flex-end}.statistics-title-row h1{margin:0;font-size:24px;font-weight:900}.statistics-title-row p{margin:4px 0 0;color:#6b7280}.loading-text{color:#6b7280;font-size:13px;font-weight:700}.statistics-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.summary-card,.statistics-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.summary-card{padding:16px}.summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:800}.summary-card strong{font-size:22px;font-weight:900}.statistics-grid-main{flex:1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:minmax(260px,1fr) minmax(240px,1fr);gap:12px}.statistics-card.wide{grid-column:span 2}.statistics-card{padding:16px;min-width:0;min-height:0;overflow:hidden}.statistics-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.statistics-card-header h2{margin:0;font-size:15px;font-weight:900}.statistics-card-header button{height:30px;padding:0 12px;border-radius:8px;border:1px solid #c7d7ff;background:#fff;color:#315acb;font-size:12px;font-weight:800;cursor:pointer}.statistics-chart-body{width:100%;height:calc(100% - 36px);min-height:0}.chart-wrapper{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center}.child-chart-wrapper{justify-content:center}.format-list{display:flex;flex-direction:column;gap:10px}.format-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;align-items:center}.format-rank{width:22px;height:22px;border-radius:999px;background:#fee2e2;color:#ef4444;font-size:12px;font-weight:900;display:flex;align-items:center;justify-content:center}.format-row strong{display:block;font-size:13px;font-weight:800}.format-row small{color:#6b7280;font-size:11px}.format-row em{font-style:normal;font-weight:900}.heatmap{display:grid;grid-template-columns:46px repeat(7,1fr);gap:5px;width:100%;padding-top:8px}.heatmap-day,.heatmap-range{font-size:11px;font-weight:800;color:#6b7280;text-align:center}.heatmap-range{text-align:right;padding-right:4px}.heatmap-cell{width:100%;aspect-ratio:1;border-radius:5px;background:#4b7cff}.pie-chart-box{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.pie-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 12px;margin-top:8px;font-size:12px;font-weight:700}.pie-legend span{display:inline-flex;align-items:center;gap:4px}.pie-legend i{width:10px;height:10px;border-radius:2px}.statistics-modal-backdrop{position:fixed;inset:0;z-index:10000;background:#11182773;display:flex;justify-content:center;align-items:center;padding:24px}.statistics-modal{box-sizing:border-box;width:min(1100px,calc(100vw - 48px));max-height:86vh;overflow:hidden;background:#fff;border-radius:18px;padding:24px;display:flex;flex-direction:column}.statistics-modal-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.statistics-modal-header h2{margin:0;font-size:20px;font-weight:900}.statistics-modal-table-wrap{width:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior-x:contain;scrollbar-gutter:stable}.statistics-modal-table-wrap:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.statistics-modal-table{width:100%;min-width:720px;border-collapse:collapse}.statistics-modal-table th,.statistics-modal-table td{padding:14px;border-bottom:1px solid #eef0f4;white-space:nowrap;text-align:left}.statistics-modal-table th{background:#f9fafb;font-size:13px;font-weight:900}.statistics-modal-table td{font-size:14px}@media(max-width:1400px){.statistics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:1000px){.statistics-page{grid-template-columns:1fr;height:auto}.statistics-grid-main{grid-template-columns:1fr;grid-template-rows:auto}.statistics-card.wide{grid-column:span 1}}@media(max-width:640px){.statistics-modal-backdrop{padding:12px}.statistics-modal{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:14px}.statistics-modal-header{margin-bottom:12px}}.user-statistics-page{height:calc(100vh - 96px);min-width:0;overflow:hidden;display:flex;flex-direction:column;gap:12px}.user-statistics-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-shrink:0}.user-statistics-title-row h1{margin:0;font-size:26px;font-weight:800;color:#111827}.user-statistics-title-row p{margin:8px 0 0;color:#6b7280;font-size:14px}.user-statistics-actions{display:flex;align-items:center;gap:12px}.user-statistics-actions span{color:#6b7280;font-size:13px;font-weight:700}.user-statistics-actions select{height:38px;padding:0 12px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;font-weight:700}.user-statistics-summary-grid{flex-shrink:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.user-summary-card,.user-statistics-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px}.user-summary-card{min-height:72px;padding:14px 16px}.user-summary-card span{display:block;margin-bottom:8px;color:#6b7280;font-size:12px;font-weight:800}.user-summary-card strong{color:#111827;font-size:22px;font-weight:900}.user-statistics-grid{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(290px,1fr));gap:12px}.user-statistics-card.wide{grid-column:span 1;min-height:290px}.user-statistics-card{min-width:0;min-height:0;padding:14px 16px;overflow:hidden;display:flex;flex-direction:column}.user-statistics-card-header{display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px;margin-bottom:6px}.user-statistics-card-header h2{margin:0;font-size:16px;font-weight:900;color:#111827}.user-statistics-card:not(.wide){min-height:290px}.user-statistics-chart-body{flex:1;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center}.empty-chart{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;font-size:13px;font-weight:700}.donut-layout{width:100%;height:100%;min-height:0;display:flex;align-items:center;justify-content:center;gap:26px}.donut-legend{min-width:130px;display:flex;flex-direction:column;gap:9px}.donut-legend-item{display:grid;grid-template-columns:10px minmax(56px,auto) auto;align-items:center;gap:7px;color:#111827;font-size:12px;font-weight:800;white-space:nowrap}.donut-legend-item i{width:10px;height:10px;border-radius:3px}.donut-legend-item strong{color:#4b5563;font-weight:900}.user-tab-row{display:flex;gap:8px;flex-shrink:0}.user-tab-row button{height:30px;padding:0 12px;border:1px solid #dbe2f0;border-radius:8px;background:#fff;cursor:pointer;font-size:12px;font-weight:800}.user-tab-row button.active{background:#4b7cff;border-color:#4b7cff;color:#fff}@media(max-width:1400px){.user-statistics-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.donut-layout{gap:16px}.donut-legend{min-width:115px}}@media(max-width:1000px){.user-statistics-page{height:auto;overflow:visible}.user-statistics-title-row{align-items:flex-start;flex-direction:column}.user-statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.user-statistics-grid{grid-template-columns:1fr;grid-template-rows:auto}.user-statistics-card.wide{grid-column:span 1}.user-statistics-card{min-height:320px}.donut-layout{flex-direction:column;gap:8px}.donut-legend{min-width:0;flex-direction:row;flex-wrap:wrap;justify-content:center}.donut-legend-item{grid-template-columns:10px auto auto}}.usage-statistics-page{height:calc(100vh - 96px);min-height:0;overflow:hidden}.usage-statistics-summary-grid{grid-template-columns:minmax(0,.775fr) minmax(0,.775fr) minmax(360px,.85fr)}.usage-statistics-content{flex:1;min-height:0;min-width:0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(360px,.85fr);gap:12px;align-items:stretch}.usage-statistics-card{box-sizing:border-box;width:auto;min-width:0;height:auto;min-height:0!important;align-self:stretch;overflow:hidden}.transition-grid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}.transition-card{min-width:0;min-height:0;padding:12px 12px 8px;border:1px solid #e5e7eb;border-radius:12px;background:#f9fafb;display:flex;flex-direction:column;overflow:hidden}.transition-card h3{margin:0 0 10px;color:#111827;font-size:14px;font-weight:900}.transition-chart{flex:1;min-height:0;width:100%}.transition-empty{display:flex;align-items:center;justify-content:center;min-height:70px;color:#9ca3af;font-size:12px;font-weight:700}.transition-tooltip{display:flex;flex-direction:column;gap:3px;padding:9px 11px;border:1px solid #e5e7eb;border-radius:10px;background:#fffffff5;box-shadow:0 8px 22px #0f172a1f;color:#4b5563;font-size:11px;font-weight:700}.transition-tooltip strong{margin-bottom:2px;color:#111827;font-size:12px;font-weight:900}.screen-table-wrap{flex:1;min-height:0;overflow:auto}.screen-table-wrap table{width:100%;border-collapse:collapse}.screen-table-wrap th,.screen-table-wrap td{padding:8px 10px;border-bottom:1px solid #e5e7eb;color:#374151;font-size:13px;text-align:right;white-space:nowrap}.screen-table-wrap th{position:sticky;top:0;z-index:1;background:#fff;color:#6b7280;font-size:12px;font-weight:800}.screen-table-wrap th:first-child,.screen-table-wrap td:first-child{text-align:left}.screen-name,.screen-path{display:block}.screen-name{color:#111827;font-size:13px;font-weight:800}.screen-path{margin-top:1px;color:#9ca3af;font-size:11px;font-weight:600}.screen-empty{padding:36px;color:#9ca3af;font-size:13px;font-weight:700;text-align:center}@media(max-width:1000px){.usage-statistics-page{height:auto;min-height:calc(100vh - 96px);overflow:visible}.usage-statistics-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-statistics-content{flex:0 0 auto;grid-template-columns:1fr}.transition-grid{grid-template-columns:1fr;grid-template-rows:none}.usage-statistics-card{height:auto;min-height:0}.transition-card{min-height:230px}.transition-chart{flex:none;height:180px}.screen-table-wrap{max-height:520px}}@media(max-width:640px){.usage-statistics-summary-grid{grid-template-columns:1fr}.transition-card{padding-inline:8px}}.ranking-page{display:flex;flex-direction:column;gap:12px;min-width:0}.ranking-table-card{container-name:ranking-table-card;container-type:inline-size;box-sizing:border-box;min-width:0;background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:24px}.ranking-search-card{box-sizing:border-box;min-width:0;width:fit-content;margin-left:auto;display:grid;grid-template-columns:180px auto;gap:10px}.ranking-search-card select{box-sizing:border-box;width:100%;min-width:0;height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827}.ranking-sort-segment{box-sizing:border-box;min-width:0;display:inline-flex;align-items:center;padding:3px;border:1px solid #dbe1ea;border-radius:10px;background:#f3f5f9}.ranking-sort-segment button{height:32px;padding:0 13px;border:0;border-radius:7px;background:transparent;color:#6b7280;font-size:13px;font-weight:800;white-space:nowrap;cursor:pointer}.ranking-sort-segment button.active{background:#4b7cff;color:#fff;box-shadow:0 2px 6px #4b7cff38}.ranking-sort-segment button:disabled{cursor:not-allowed}.ranking-table-scroll{width:100%;max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-x:contain}.ranking-table-scroll:focus-visible{outline:2px solid #4b7cff;outline-offset:-2px}.ranking-table{width:100%;min-width:1100px;table-layout:fixed;border-collapse:collapse;font-size:14px}.ranking-table th,.ranking-table td{padding:10px 12px;line-height:1.35;border-bottom:1px solid #eef0f4;text-align:left;vertical-align:middle;white-space:nowrap}.ranking-table td{overflow:hidden;text-overflow:ellipsis}.ranking-table th{background:#f9fafb;color:#374151;font-size:13px;font-weight:800}.ranking-table tr:last-child td{border-bottom:0}.rank-cell{font-weight:800;color:#374151}.rank-medal{display:inline-block;font-size:18px;line-height:1;vertical-align:middle}.ranking-table th:nth-child(1),.ranking-table td:nth-child(1){width:70px;text-align:center}.ranking-table th:nth-child(2),.ranking-table td:nth-child(2){width:150px}.ranking-table th:nth-child(3),.ranking-table td:nth-child(3){width:260px}.ranking-table th:nth-child(4),.ranking-table td:nth-child(4){width:120px}.ranking-table th:nth-child(5),.ranking-table td:nth-child(5),.ranking-table th:nth-child(6),.ranking-table td:nth-child(6){width:120px}.ranking-table th:nth-child(7),.ranking-table td:nth-child(7){width:100px}.ranking-table th:nth-child(8),.ranking-table td:nth-child(8){width:160px}@media(max-width:900px){.ranking-table-card{padding:16px}.ranking-table-card .table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.ranking-search-card{width:100%;margin-left:0;grid-template-columns:1fr}.ranking-sort-segment{width:auto}.ranking-sort-segment button{flex:1}}@media(max-width:480px){.ranking-sort-segment button{min-width:0;padding:0 8px;font-size:12px}}@container ranking-table-card (max-width: 760px){.table-toolbar{flex-direction:column;align-items:stretch;gap:10px}.ranking-search-card{width:100%;margin-left:0;grid-template-columns:1fr}.ranking-sort-segment{width:auto}.ranking-sort-segment button{flex:1}}@container ranking-table-card (max-width: 430px){.ranking-sort-segment button{min-width:0;padding:0 8px;font-size:12px}}.admin-account-page{min-width:0}.admin-account-page .user-table-card{container-name:admin-account-card}.account-search{grid-template-columns:360px 150px 72px}.account-table{min-width:850px}.account-table th:nth-child(1),.account-table td:nth-child(1){width:60px}.account-table th:nth-child(2),.account-table td:nth-child(2){width:180px}.account-table th:nth-child(3),.account-table td:nth-child(3){width:160px}.account-table th:nth-child(4),.account-table td:nth-child(4){width:90px}.account-table th:nth-child(5),.account-table td:nth-child(5){width:190px}.account-table th:nth-child(6),.account-table td:nth-child(6){width:70px}.account-modal{width:min(860px,calc(100vw - 48px))}.account-edit-info{margin-bottom:4px}.account-form{display:grid;gap:16px}.account-form label{display:grid;gap:7px;color:#374151;font-size:13px;font-weight:700}.account-form input,.account-form select{box-sizing:border-box;width:100%;height:40px;padding:0 12px;border:1px solid #d1d5db;border-radius:10px;background:#fff;color:#111827;font:inherit}.account-form .primary-button{justify-self:end}.account-password-fields{display:grid;gap:14px;margin:4px 0 0;padding:16px;border:1px solid #e5e7eb;border-radius:12px}.account-password-fields legend{padding:0 6px;color:#111827;font-size:14px;font-weight:800}.account-password-fields p{margin:-4px 0 0;color:#6b7280;font-size:12px}.account-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-top:20px}@container admin-account-card (max-width: 700px){.table-toolbar{flex-direction:column;align-items:stretch}.account-search{width:100%;min-width:0;margin-left:0;grid-template-columns:minmax(180px,1fr) 130px 72px}}@container admin-account-card (max-width: 480px){.account-search{grid-template-columns:1fr 1fr}.account-search input{grid-column:1 / -1}.account-search button{width:100%}}@media(max-width:640px){.account-modal{width:calc(100vw - 24px)}.account-actions{justify-content:center}}