:root{font-family:Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#101828;background:#f6f8fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.admin-layout{min-height:100vh;display:flex;background:#f6f8fb}.sidebar{width:250px;min-height:100vh;background:#fff;border-right:1px solid #e7ebf1;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:30;transition:width .2s ease,transform .2s ease}.sidebar.collapsed{width:78px}.sidebar-header{height:76px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef1f5}.brand-wrap{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.brand-mark{color:#1769e8;font-size:23px;font-style:italic;font-weight:900;letter-spacing:-.07em}.brand-sub{font-size:14px;font-weight:800;color:#111827}.sidebar-nav{padding:18px 12px;display:flex;flex-direction:column;gap:5px;flex:1;overflow-y:auto}.nav-item{min-height:46px;padding:0 14px;border-radius:12px;display:flex;align-items:center;gap:12px;color:#667085;text-decoration:none;font-size:14px;font-weight:700}.nav-item:hover{background:#f5f8fd;color:#1769e8}.nav-item.active{background:#1769e8;color:#fff;box-shadow:0 8px 18px #1769e838}.collapsed .nav-item{justify-content:center;padding:0}.sidebar-footer{padding:14px;border-top:1px solid #eef1f5}.admin-profile{display:flex;align-items:center;gap:10px;margin-bottom:12px;padding:8px}.admin-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#1769e8;font-weight:900}.admin-profile strong,.admin-profile span{display:block}.admin-profile strong{font-size:13px}.admin-profile span{margin-top:3px;color:#98a2b3;font-size:11px}.signout-button{width:100%;min-height:42px;border:0;background:#fff;color:#667085;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px}.signout-button:hover{background:#fff2f2;color:#e11d48}.main-shell{flex:1;margin-left:250px;transition:margin-left .2s ease}.sidebar.collapsed+.main-shell{margin-left:78px}.topbar{height:76px;padding:0 28px;background:#fffffff5;border-bottom:1px solid #e7ebf1;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar h1{margin:0;font-size:19px}.topbar p{margin:5px 0 0;color:#98a2b3;font-size:12px}.topbar-admin{display:flex;align-items:center;gap:8px;color:#475467;font-size:13px;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e}.content-area{padding:28px;max-width:1560px;margin:0 auto}.page-stack{display:flex;flex-direction:column;gap:20px}.page-heading{display:flex;justify-content:space-between;gap:16px;align-items:center}.page-heading h2{margin:0;font-size:24px;letter-spacing:-.03em}.page-heading p{margin:6px 0 0;color:#98a2b3;font-size:13px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid #e7ebf1;border-radius:18px;padding:20px;display:flex;align-items:center;gap:15px}.metric-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:#1769e8;background:#edf4ff}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#667085;font-size:12px;font-weight:700}.metric-card strong{margin-top:5px;font-size:26px}.metric-card small{margin-top:4px;color:#98a2b3;font-size:11px}.dashboard-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:16px}.panel{background:#fff;border:1px solid #e7ebf1;border-radius:18px;padding:20px}.panel-header h3{margin:0;font-size:16px}.panel-header p{margin:6px 0 0;color:#98a2b3;font-size:12px}.empty-state{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#98a2b3;text-align:center;gap:9px}.empty-state strong{color:#344054}.empty-state span{font-size:13px}.empty-state.large{min-height:420px}.status-list{margin-top:18px;display:flex;flex-direction:column}.status-list>div{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f2f5;font-size:13px}.status-list b.green{color:#16a34a}.status-list b.gray{color:#98a2b3}.toolbar{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.search-control{flex:1;min-width:240px;height:44px;display:flex;align-items:center;gap:9px;padding:0 13px;border:1px solid #dfe5ed;border-radius:12px;color:#98a2b3}.search-control input{width:100%;border:0;outline:0;background:transparent}select{height:44px;padding:0 34px 0 12px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#475467}.primary-button,.secondary-button{min-height:44px;padding:0 16px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:13px;font-weight:800}.primary-button{border:0;background:#1769e8;color:#fff;box-shadow:0 8px 18px #1769e833}.primary-button.compact{min-height:42px}.primary-button:disabled{opacity:.48;cursor:not-allowed}.secondary-button{border:1px solid #dfe5ed;background:#fff;color:#475467}.icon-button{width:38px;height:38px;border:1px solid #e1e6ed;border-radius:11px;display:inline-grid;place-items:center;background:#fff;color:#667085}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;min-width:880px}.data-table th{padding:11px 12px;background:#f8fafc;color:#667085;font-size:11px;text-align:left}.data-table td{padding:13px 12px;border-bottom:1px solid #eef1f5;color:#475467;font-size:13px}.video-cell{min-width:250px;display:flex;align-items:center;gap:12px}.video-thumb{width:72px;height:48px;border-radius:9px;overflow:hidden;display:grid;place-items:center;background:#edf2f7;color:#94a3b8;flex:0 0 auto}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-cell strong,.video-cell span{display:block}.video-cell strong{color:#111827}.video-cell span{max-width:240px;margin-top:4px;color:#98a2b3;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:800}.badge.published{background:#eafaf0;color:#159447}.badge.draft{background:#fff7e8;color:#b76e00}.badge.archived{background:#f1f3f6;color:#667085}.empty-table{padding:55px 20px;text-align:center;color:#98a2b3}.alert{padding:12px 14px;border-radius:12px;font-size:13px;font-weight:700}.alert.error{color:#d92d20;background:#fff1f0;border:1px solid #ffd6d2}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top,#edf5ff 0,#f7f9fc 42%,#f7f9fc)}.login-card{width:min(440px,100%);border:1px solid #e4e9f1;border-radius:28px;padding:34px;background:#fff;text-align:center;box-shadow:0 24px 70px #1e40af1f}.login-logo{color:#1769e8;font-size:30px;font-weight:900;font-style:italic;letter-spacing:-.07em}.login-icon{width:70px;height:70px;margin:26px auto 18px;border-radius:23px;display:grid;place-items:center;background:#edf4ff;color:#1769e8}.login-card h1{margin:0;font-size:23px}.login-card>p{color:#98a2b3;font-size:13px;margin:9px 0 24px}.login-form{display:flex;flex-direction:column;gap:16px;text-align:left}.login-form label>span{display:block;margin-bottom:7px;color:#475467;font-size:12px;font-weight:800}.login-form input{width:100%;height:48px;padding:0 13px;border:1px solid #dfe5ed;border-radius:12px;outline:none}.login-form input:focus{border-color:#1769e8;box-shadow:0 0 0 4px #e7f0ff}.input-with-icon{position:relative}.input-with-icon svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#98a2b3}.input-with-icon input{padding-left:41px}.login-form .primary-button{width:100%;margin-top:4px}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:10px;color:#1769e8;font-weight:800}.spinner{width:20px;height:20px;border:2px solid #d8e7ff;border-top-color:#1769e8;border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-only,.sidebar-backdrop{display:none}@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.sidebar{transform:translate(-102%);width:260px;box-shadow:18px 0 50px #0f172a2e}.sidebar.mobile-open{transform:translate(0)}.main-shell,.sidebar.collapsed+.main-shell{margin-left:0}.mobile-only{display:inline-grid}.desktop-only{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#0f172a73}.topbar{padding:0 16px}.topbar-admin{display:none}.content-area{padding:18px 14px 28px}.page-heading{align-items:flex-start}.metric-grid{grid-template-columns:1fr}.toolbar{flex-direction:column}.search-control,select,.toolbar .secondary-button{width:100%}}.alert.success{color:#08783d;background:#ecfdf3;border:1px solid #b7ebcb}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:24px;background:#0f172a8c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-card{width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;border-radius:22px;border:1px solid #e4e9f1;background:#fff;box-shadow:0 28px 80px #0f172a40}.modal-header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px;border-bottom:1px solid #edf0f4;background:#fff}.modal-header h3{margin:0;font-size:20px}.modal-header p{margin:6px 0 0;color:#98a2b3;font-size:12px}.upload-form{padding:24px}.file-drop{min-height:180px;border:1.5px dashed #b9c8dc;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:25px;background:#f8fbff;color:#1769e8;cursor:pointer;text-align:center}.file-drop:hover{border-color:#1769e8;background:#f2f7ff}.file-drop.has-file{border-style:solid;background:#f5f9ff}.file-drop input{display:none}.file-drop strong{color:#344054;word-break:break-all}.file-drop span{color:#98a2b3;font-size:12px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.form-field.full{grid-column:1 / -1}.form-field>span{display:block;margin-bottom:7px;color:#475467;font-size:12px;font-weight:800}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid #dfe5ed;border-radius:12px;background:#fff;color:#101828;outline:none}.form-field input,.form-field select{height:46px;padding:0 12px}.form-field textarea{resize:vertical;padding:12px}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{border-color:#1769e8;box-shadow:0 0 0 4px #e8f1ff}.form-field select:disabled{cursor:not-allowed;background:#f5f6f8;color:#98a2b3}.upload-progress-block{margin-top:20px;padding:16px;border-radius:14px;background:#f5f9ff}.upload-progress-block>div:first-child{display:flex;justify-content:space-between;color:#475467;font-size:13px}.upload-progress-block strong{color:#1769e8}.upload-progress-track{height:10px;margin-top:10px;overflow:hidden;border-radius:999px;background:#dfe9f7}.upload-progress-track>div{height:100%;border-radius:inherit;background:#1769e8;transition:width .2s ease}.upload-progress-block p{margin:9px 0 0;color:#98a2b3;font-size:11px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:18px;border-top:1px solid #edf0f4}@media(max-width:640px){.modal-backdrop{padding:0;align-items:end}.modal-card{width:100%;max-height:94vh;border-radius:22px 22px 0 0}.modal-header,.upload-form{padding-left:18px;padding-right:18px}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.modal-actions>button{flex:1}}.video-cell-button{width:100%;border:0;background:transparent;padding:0;text-align:left}.menu-cell{position:relative}.row-menu{position:absolute;z-index:15;top:52px;right:12px;width:180px;padding:7px;border:1px solid #e4e9f1;border-radius:13px;background:#fff;box-shadow:0 16px 45px #0f172a26}.row-menu button{width:100%;min-height:38px;display:flex;align-items:center;gap:9px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#475467;font-size:12px;font-weight:700;text-align:left}.row-menu button:hover{background:#f4f7fb;color:#1769e8}.row-menu button.danger{color:#d92d20}.row-menu button.danger:hover{background:#fff1f0;color:#d92d20}.preview-card{width:min(900px,100%)}.preview-body{padding:24px}.preview-body video{width:100%;max-height:62vh;border-radius:16px;background:#000}.preview-info{display:grid;grid-template-columns:110px 1fr;gap:10px 18px;margin-top:18px;padding:16px;border-radius:14px;background:#f8fafc;font-size:13px}.preview-info strong{color:#344054}.preview-info span{color:#667085}@media(max-width:640px){.row-menu{position:fixed;left:18px;right:18px;top:auto;bottom:18px;width:auto}.preview-info{grid-template-columns:1fr;gap:4px}}.row-menu-fixed{position:fixed!important;z-index:120!important}.thumbnail-modal-card{width:min(760px,100%)}.thumbnail-current-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.thumbnail-label{display:block;margin-bottom:8px;color:#475467;font-size:12px;font-weight:800}.thumbnail-preview-box,.thumbnail-drop{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#f4f7fb;border:1px solid #e1e7ef}.thumbnail-preview-box img,.thumbnail-drop img{width:100%;height:100%;object-fit:cover}.thumbnail-empty,.thumbnail-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#98a2b3;text-align:center}.thumbnail-drop{cursor:pointer;border-style:dashed;color:#1769e8;padding:18px}.thumbnail-drop:hover{border-color:#1769e8;background:#f3f8ff}.thumbnail-drop input{display:none}.thumbnail-drop strong{color:#344054;font-size:13px}.thumbnail-drop span,.thumbnail-empty span{font-size:11px}.thumbnail-help{margin-top:16px;padding:12px 14px;border-radius:12px;background:#f8fafc;color:#667085;font-size:12px}@media(max-width:640px){.thumbnail-current-grid{grid-template-columns:1fr}}.page-heading-actions{display:flex;align-items:center;gap:10px}.category-manager-card{width:min(920px,100%)}.category-manager-body{display:grid;grid-template-columns:1fr 1.05fr;min-height:500px}.category-list-panel,.category-form-panel{padding:22px}.category-list-panel{border-right:1px solid #edf0f4;background:#f8fafc}.category-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px}.category-list-header span{color:#98a2b3}.category-list{display:flex;flex-direction:column;gap:7px;max-height:380px;overflow-y:auto}.category-list-item{width:100%;min-height:64px;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;border:1px solid #e1e7ef;border-radius:12px;background:#fff;text-align:left}.category-list-item:hover,.category-list-item.selected{border-color:#1769e8;background:#f3f8ff}.category-list-item strong,.category-list-item span{display:block}.category-list-item strong{color:#1d2939;font-size:13px}.category-list-item span{margin-top:4px;color:#98a2b3;font-size:11px}.category-list-item em{flex:0 0 auto;padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800}.category-list-item em.active{background:#eafaf0;color:#159447}.category-list-item em.inactive{background:#f1f3f6;color:#667085}.category-new-button{width:100%;margin-top:12px}.category-form-panel h4{margin:0 0 20px;font-size:17px}.category-form-panel .form-field{display:block;margin-bottom:15px}.category-form-panel small{display:block;margin-top:6px;color:#98a2b3;font-size:10px}.category-switch{display:flex;gap:10px;align-items:flex-start;margin-top:16px;padding:13px;border-radius:12px;background:#f8fafc}.category-switch input{margin-top:2px}.category-switch strong,.category-switch span{display:block}.category-switch strong{font-size:12px}.category-switch span{margin-top:4px;color:#98a2b3;font-size:10px}.category-form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px;padding-top:18px;border-top:1px solid #edf0f4}.danger-button{min-height:44px;padding:0 15px;border:1px solid #ffd0cc;border-radius:12px;background:#fff;color:#d92d20;display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:800}@media(max-width:760px){.page-heading-actions{width:100%}.page-heading-actions>button{flex:1}.category-manager-body{grid-template-columns:1fr}.category-list-panel{border-right:0;border-bottom:1px solid #edf0f4}}.organization-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.clickable-row{cursor:pointer}.clickable-row:hover td{background:#f8fbff}.organization-name-cell{display:flex;align-items:center;gap:11px;min-width:190px}.organization-logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;flex:0 0 auto;background:#edf4ff;color:#1769e8;font-weight:900}.organization-name-cell strong,.organization-name-cell span,.data-table td>strong,.table-subtext{display:block}.organization-name-cell strong{color:#1d2939}.organization-name-cell span,.table-subtext{margin-top:4px;color:#98a2b3;font-size:11px}.online-count{display:block;color:#159447;font-weight:800}.user-logo{border-radius:50%}.users-metric-grid{grid-template-columns:minmax(260px,340px)}.detail-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;justify-content:flex-end;background:#0f172a75}.detail-drawer{width:min(620px,100%);height:100%;background:#f7f9fc;box-shadow:-24px 0 70px #0f172a2e;overflow-y:auto}.detail-drawer-header{position:sticky;top:0;z-index:4;min-height:84px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9f1;background:#fffffff5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-drawer-header span{color:#98a2b3;font-size:11px;font-weight:800}.detail-drawer-header h3{margin:4px 0 0;font-size:21px}.detail-drawer-body{padding:18px;display:flex;flex-direction:column;gap:15px}.drawer-loading{min-height:360px;display:flex;align-items:center;justify-content:center;gap:10px;color:#1769e8;font-weight:800}.drawer-section{padding:18px;border:1px solid #e4e9f1;border-radius:18px;background:#fff}.drawer-section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.drawer-section-heading h4{margin:0;font-size:15px}.drawer-section-heading>span:not(.badge){color:#98a2b3;font-size:12px}.drawer-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:14px}.drawer-info-grid>div{padding:12px;border-radius:12px;background:#f8fafc}.drawer-info-grid span,.drawer-info-grid strong{display:block}.drawer-info-grid span{color:#98a2b3;font-size:10px}.drawer-info-grid strong{margin-top:5px;font-size:12px}.full-width-button{width:100%;justify-content:center}.member-management-list,.device-management-list{display:flex;flex-direction:column;gap:9px}.member-management-card{padding:12px;border:1px solid #e7ebf1;border-radius:13px;background:#fff}.member-card-main{display:flex;gap:10px;align-items:center}.member-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#edf4ff;color:#1769e8;font-weight:900}.member-card-main strong,.member-card-main span,.member-card-main small{display:block}.member-card-main strong{font-size:12px}.member-card-main span{margin-top:2px;color:#667085;font-size:11px}.member-card-main small{margin-top:3px;color:#98a2b3;font-size:9px}.member-controls{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.member-controls select{width:100%;height:38px;font-size:11px}.device-management-card{min-height:64px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e7ebf1;border-radius:13px}.device-status-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#edf4ff;color:#1769e8}.device-management-card strong,.device-management-card span,.device-management-card small{display:block}.device-management-card strong{font-size:12px}.device-management-card span{margin-top:3px;color:#667085;font-size:10px}.device-management-card small{margin-top:3px;color:#98a2b3;font-size:9px}.device-management-card em{padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800}.device-management-card em.online{background:#eafaf0;color:#159447}.device-management-card em.offline{background:#f1f3f6;color:#667085}.drawer-empty{padding:30px 12px;text-align:center;color:#98a2b3;font-size:12px}@media(max-width:1100px){.organization-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.organization-summary-grid{grid-template-columns:1fr}.detail-drawer{width:100%}.drawer-info-grid{grid-template-columns:1fr}}.users-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-users-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) 170px 150px;gap:10px}.compact-action-button{height:36px;padding:0 12px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;color:#475467;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.compact-action-button:hover{border-color:#1769e8;color:#1769e8;background:#f7faff}.member-edit-drawer{width:min(480px,100%);height:100%;background:#f7f9fc;box-shadow:-24px 0 70px #0f172a2e;overflow-y:auto}.member-edit-body{padding:18px;display:flex;flex-direction:column;gap:15px}.member-edit-profile{padding-bottom:16px;border-bottom:1px solid #edf0f4}.member-info-grid{margin-top:16px}.admin-field-label{display:block;margin:15px 0 7px;color:#475467;font-size:11px;font-weight:900}.admin-full-select{width:100%;height:46px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;padding:0 12px;color:#344054;font-size:12px;font-weight:700;outline:none}.admin-full-select:focus{border-color:#1769e8;box-shadow:0 0 0 3px #1769e817}.member-status-guide{margin:14px 0;padding:12px 13px;border-radius:12px;background:#f5f7fa;color:#667085;font-size:10px;line-height:1.65}@media(max-width:900px){.users-summary-grid,.admin-users-toolbar{grid-template-columns:1fr}}.video-admin-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}.video-admin-summary>div{padding:16px 18px;border:1px solid #e4e9f1;border-radius:16px;background:#f8fafc}.video-admin-summary strong,.video-admin-summary span{display:block}.video-admin-summary strong{font-size:22px;color:#1769e8}.video-admin-summary span{margin-top:4px;font-size:12px;color:#7b8494}.video-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(145px,auto)) auto;align-items:center}.failed-cleanup-bar{margin:0 0 14px;padding:12px 14px;border:1px solid #ffd4cf;border-radius:14px;background:#fff7f5;display:flex;align-items:center;justify-content:space-between;gap:12px}.failed-cleanup-bar span{display:flex;align-items:center;gap:8px;color:#c43226;font-size:13px;font-weight:800}.video-admin-table .check-column{width:58px;text-align:center}.video-admin-table input[type=checkbox]{width:17px;height:17px;accent-color:#1769e8}.video-admin-table input:disabled{opacity:.25}.pagination-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #edf0f4}.pagination-bar>div{display:flex;align-items:center;gap:10px}.pagination-bar span{font-size:12px;color:#7b8494}.pagination-bar select{height:36px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;padding:0 10px}.pagination-buttons strong{min-width:74px;text-align:center;font-size:13px;color:#475569}.pagination-buttons .icon-button:disabled{opacity:.35;cursor:not-allowed}@media(max-width:1100px){.video-toolbar{grid-template-columns:1fr 1fr}.video-toolbar .search-control{grid-column:1/-1}.video-admin-summary{grid-template-columns:1fr}}.subscription-page{display:grid;gap:22px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.page-heading h2{margin:4px 0 5px;font-size:28px;letter-spacing:-.04em}.page-heading p{margin:0;color:#7a8699;font-size:14px}.page-eyebrow{font-size:11px;font-weight:900;letter-spacing:.14em;color:#1769e8}.page-heading-actions{display:flex;gap:10px}.subscription-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.subscription-summary-card{border:1px solid #e5eaf1;border-radius:20px;background:#fff;padding:18px;box-shadow:0 10px 28px #0f172a0b}.subscription-summary-card span{display:flex;align-items:center;gap:8px;color:#748096;font-size:12px;font-weight:800}.subscription-summary-card strong{display:block;margin-top:13px;font-size:27px;letter-spacing:-.04em}.admin-tabs{display:inline-flex;width:max-content;padding:4px;border-radius:14px;background:#edf1f6}.admin-tabs button{min-width:120px;border:0;border-radius:11px;background:transparent;padding:10px 18px;color:#667085;font-weight:800;cursor:pointer}.admin-tabs button.active{background:#fff;color:#1769e8;box-shadow:0 4px 12px #0f172a14}.filter-card{display:flex;gap:12px;border:1px solid #e5eaf1;border-radius:18px;background:#fff;padding:14px}.filter-card select{min-width:170px;border:1px solid #dfe5ed;border-radius:12px;background:#fff;padding:0 12px}.search-field{display:flex;min-height:44px;flex:1;align-items:center;gap:9px;border:1px solid #dfe5ed;border-radius:12px;padding:0 13px;color:#98a2b3}.search-field input{min-width:0;flex:1;border:0;outline:0;font:inherit}.admin-table-card{overflow:hidden;border:1px solid #e5eaf1;border-radius:20px;background:#fff;box-shadow:0 10px 28px #0f172a0b}.admin-table-scroll{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;min-width:980px}.admin-table th{padding:13px 16px;border-bottom:1px solid #e8edf3;background:#f8fafc;color:#788397;text-align:left;font-size:11px}.admin-table td{padding:15px 16px;border-bottom:1px solid #eef2f6;font-size:13px}.admin-table tbody tr:last-child td{border-bottom:0}.table-primary{display:flex;align-items:center;gap:10px}.table-primary strong,.table-primary small{display:block}.table-primary small,.block-muted{margin-top:3px;color:#98a2b3;font-size:11px}.table-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:#edf4ff;color:#1769e8}.table-action{display:inline-flex;align-items:center;gap:6px;border:1px solid #dfe5ed;border-radius:10px;background:#fff;padding:8px 11px;font-weight:800;cursor:pointer}.table-empty{padding:40px;color:#98a2b3;text-align:center}.table-pagination{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eef2f6;padding:13px 16px;color:#748096;font-size:12px}.table-pagination div{display:flex;align-items:center;gap:10px}.table-pagination button{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dfe5ed;border-radius:10px;background:#fff;cursor:pointer}.table-pagination button:disabled{opacity:.4;cursor:default}.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:900}.status-active,.status-trialing{background:#eafaf0;color:#178748}.status-past_due{background:#fff6df;color:#b96c00}.status-suspended,.status-canceled,.status-expired,.status-inactive{background:#f2f4f7;color:#667085}.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.plan-card{border:1px solid #e5eaf1;border-radius:22px;background:#fff;padding:20px;box-shadow:0 10px 28px #0f172a0b}.plan-card.is-inactive{opacity:.65}.plan-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.plan-card h3{margin:5px 0 0;font-size:21px}.plan-code{color:#1769e8;font-size:10px;font-weight:900;text-transform:uppercase}.plan-card>p{min-height:42px;color:#7a8699;font-size:13px;line-height:1.6}.plan-price{display:block;margin:18px 0;font-size:22px;letter-spacing:-.04em}.plan-limits{display:grid;gap:9px;border-radius:14px;background:#f7f9fc;padding:13px;color:#566277;font-size:12px;font-weight:800}.plan-limits span{display:flex;align-items:center;gap:7px}.plan-features{display:flex;flex-wrap:wrap;gap:6px;min-height:54px;margin:15px 0}.plan-features span{height:max-content;border-radius:999px;background:#edf4ff;padding:5px 8px;color:#1769e8;font-size:10px;font-weight:800}.full-button{width:100%;justify-content:center}.subscription-modal{width:min(720px,calc(100vw - 30px))}.form-grid.two-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label{display:grid;gap:7px;color:#596579;font-size:12px;font-weight:800}.form-grid input,.form-grid select,.form-grid textarea{width:100%;box-sizing:border-box;border:1px solid #dfe5ed;border-radius:12px;background:#fff;padding:11px 12px;font:inherit;outline:0}.form-grid textarea{min-height:88px;resize:vertical}.full-column{grid-column:1 / -1}.feature-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:18px}.feature-checks label{display:flex;align-items:center;gap:8px;border:1px solid #e2e8f0;border-radius:12px;padding:11px;font-size:12px;font-weight:800}.subscription-warning{display:flex;align-items:flex-start;gap:10px;margin-top:18px;border-radius:14px;background:#fff7e8;padding:13px;color:#8e630b;font-size:12px;line-height:1.55}.admin-success,.admin-error{display:flex;align-items:center;gap:9px;border-radius:14px;padding:13px 15px;font-size:13px;font-weight:800}.admin-success{border:1px solid #bce8ca;background:#effbf3;color:#168348}.admin-error{border:1px solid #ffd7d2;background:#fff4f2;color:#c43226}@media(max-width:1000px){.subscription-summary-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.page-heading{align-items:flex-start;flex-direction:column}.page-heading-actions{width:100%}.page-heading-actions button{flex:1;justify-content:center}.filter-card{flex-direction:column}.filter-card select{min-height:44px}.plan-grid,.subscription-summary-grid,.form-grid.two-columns,.feature-checks{grid-template-columns:1fr}.full-column{grid-column:auto}}.payment-page{display:grid;gap:22px}.payment-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.payment-summary-card{border:1px solid #e5eaf1;border-radius:20px;background:#fff;padding:18px;box-shadow:0 10px 28px #0f172a0b}.payment-summary-card>span{display:flex;align-items:center;gap:8px;color:#748096;font-size:12px;font-weight:800}.payment-summary-card strong{display:block;margin-top:13px;font-size:24px;letter-spacing:-.04em}.payment-summary-card small{display:block;margin-top:5px;color:#98a2b3;font-size:11px}.payment-table{min-width:1120px}.payment-actions{display:flex;gap:7px}.refund-action{border-color:#f3d8a6;color:#986400}.refund-text{color:#d97706}.failure-text{max-width:190px;color:#c43226;white-space:normal}.status-pending{background:#edf4ff;color:#1769e8}.status-paid{background:#eafaf0;color:#178748}.status-failed,.status-past_due{background:#fff1ef;color:#c43226}.status-refunded,.status-partially_refunded{background:#f4efff;color:#7447c5}.status-canceled{background:#f2f4f7;color:#667085}.payment-modal{width:min(760px,calc(100vw - 30px))}.refund-modal{width:min(520px,calc(100vw - 30px))}.refund-payment-info{display:flex;align-items:center;gap:12px;border-radius:16px;background:#f7f9fc;padding:14px}.refund-payment-info strong,.refund-payment-info small{display:block}.refund-payment-info small{margin-top:4px;color:#7a8699}.refund-warning{display:flex;align-items:flex-start;gap:10px;margin-top:18px;border-radius:14px;background:#fff7e8;padding:13px;color:#8e630b;font-size:12px;line-height:1.55}.danger-button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:#d92d20;padding:0 17px;color:#fff;font-weight:800;cursor:pointer}.danger-button:disabled{opacity:.55;cursor:default}@media(max-width:1000px){.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.payment-summary-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}}.toss-settings-page{display:grid;gap:22px}.back-link{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;color:#667085;font-size:12px;font-weight:800;text-decoration:none}.toss-environment-tabs{display:inline-flex;width:max-content;gap:4px;border-radius:15px;background:#edf1f6;padding:4px}.toss-environment-tabs button{display:flex;min-width:130px;align-items:center;justify-content:center;gap:7px;border:0;border-radius:12px;background:transparent;padding:11px 18px;color:#667085;font-weight:900;cursor:pointer}.toss-environment-tabs button.active{background:#fff;color:#1769e8;box-shadow:0 5px 14px #0f172a14}.toss-settings-card{border:1px solid #e5eaf1;border-radius:22px;background:#fff;padding:22px;box-shadow:0 12px 30px #0f172a0d}.toss-settings-status{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #edf1f5;padding-bottom:18px}.toss-settings-status .status-label{display:block;color:#1769e8;font-size:11px;font-weight:900}.toss-settings-status strong{display:block;margin-top:5px;font-size:20px}.toss-key-state{display:flex;gap:8px}.toss-key-state span{display:flex;align-items:center;gap:6px;border-radius:999px;background:#f2f4f7;padding:7px 10px;color:#98a2b3;font-size:10px;font-weight:900}.toss-key-state span.ready{background:#eafaf0;color:#178748}.settings-loading{display:flex;min-height:260px;align-items:center;justify-content:center;gap:10px;color:#1769e8;font-weight:800}.toss-settings-card .form-grid{margin-top:20px}.form-grid label>span em{margin-left:7px;color:#168348;font-size:10px;font-style:normal}.form-grid label small{color:#98a2b3;font-size:10px;font-weight:500}.secret-input-wrap{position:relative}.secret-input-wrap input{padding-right:48px}.secret-input-wrap button{position:absolute;top:50%;right:8px;display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:10px;background:#f4f6f9;color:#667085;transform:translateY(-50%);cursor:pointer}.toggle-field{align-content:start}.toggle{position:relative;width:52px;height:30px;border:0;border-radius:999px;background:#d6dce5;cursor:pointer;transition:.2s}.toggle span{position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #0f172a33;transition:.2s}.toggle.active{background:#1769e8}.toggle.active span{left:26px}.vault-guide{display:flex;align-items:flex-start;gap:12px;margin-top:20px;border-radius:16px;background:#f5f8ff;padding:15px;color:#38547f}.vault-guide strong{display:block;font-size:13px}.vault-guide p{margin:5px 0 0;font-size:11px;line-height:1.65}.toss-settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.toss-endpoint-card{border:1px solid #e5eaf1;border-radius:18px;background:#fff;padding:18px}.toss-endpoint-card span{display:block;color:#7a8699;font-size:11px;font-weight:900}.toss-endpoint-card code{display:block;margin-top:8px;overflow-wrap:anywhere;color:#1769e8;font-size:12px}.toss-endpoint-card p{margin:10px 0 0;color:#98a2b3;font-size:11px}@media(max-width:700px){.toss-settings-status{align-items:flex-start;flex-direction:column}.toss-key-state{flex-wrap:wrap}.toss-settings-actions{flex-direction:column}.toss-settings-actions button{width:100%;justify-content:center}}.device-admin-page,.error-admin-page{display:grid;gap:22px}.device-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.device-summary-grid article{border:1px solid #e5eaf1;border-radius:20px;background:#fff;padding:18px;box-shadow:0 10px 28px #0f172a0b}.device-summary-grid span{display:flex;align-items:center;gap:8px;color:#748096;font-size:12px;font-weight:800}.device-summary-grid strong{display:block;margin-top:12px;font-size:27px}.device-filters,.error-filters{flex-wrap:wrap}.device-table{min-width:1150px}.online-pill{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:900}.online-pill.online{background:#eafaf0;color:#168348}.online-pill.offline{background:#f2f4f7;color:#667085}.version-critical{color:#c43226!important}.version-warning{color:#b26a00!important}.danger-outline{border-color:#f4c8c3;color:#c43226}.danger-outline:disabled{opacity:.4;cursor:default}.confirm-device-modal{width:min(500px,calc(100vw - 30px))}.confirm-device-modal>p,.modal-description{color:#667085;font-size:13px;line-height:1.65}.modal-field{display:grid;gap:7px;margin-top:16px;color:#596579;font-size:12px;font-weight:800}.modal-field textarea{min-height:90px;border:1px solid #dfe5ed;border-radius:12px;padding:11px;font:inherit;resize:vertical}.release-policy-modal{width:min(860px,calc(100vw - 30px))}.release-policy-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.release-policy-list article{display:grid;gap:10px;border:1px solid #e5eaf1;border-radius:16px;padding:15px}.release-policy-list article>strong{font-size:15px}.release-policy-list label{display:grid;gap:5px;color:#667085;font-size:11px;font-weight:800}.release-policy-list input{border:1px solid #dfe5ed;border-radius:10px;padding:10px;font:inherit}.error-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.error-summary-grid button{border:1px solid #e5eaf1;border-radius:17px;background:#fff;padding:14px;text-align:left;cursor:pointer;box-shadow:0 8px 22px #0f172a0a}.error-summary-grid span{display:flex;align-items:center;gap:7px;color:#748096;font-size:10px;font-weight:800}.error-summary-grid strong{display:block;margin-top:10px;font-size:22px}.error-list-card{overflow:hidden;border:1px solid #e5eaf1;border-radius:20px;background:#fff;box-shadow:0 10px 28px #0f172a0b}.error-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:flex-start;border-bottom:1px solid #edf1f5;padding:17px}.error-row:last-of-type{border-bottom:0}.error-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:#f2f4f7;color:#667085}.severity-critical .error-icon{background:#fff0ee;color:#c43226}.severity-error .error-icon{background:#fff4f2;color:#d04a3f}.severity-warning .error-icon{background:#fff8e8;color:#b26a00}.error-title-line{display:flex;flex-wrap:wrap;align-items:center;gap:7px}.error-title-line>strong{font-size:14px}.severity-badge,.error-status,.occurrence-badge{border-radius:999px;padding:4px 7px;font-size:9px;font-weight:900}.severity-badge.critical,.severity-badge.error{background:#fff0ee;color:#c43226}.severity-badge.warning{background:#fff7e8;color:#a86400}.severity-badge.info{background:#edf4ff;color:#1769e8}.error-status.open{background:#fff1ef;color:#c43226}.error-status.acknowledged{background:#fff7e8;color:#a86400}.error-status.resolved{background:#eafaf0;color:#168348}.occurrence-badge{background:#f2f4f7;color:#667085}.error-main p{margin:8px 0;color:#3f4a5d;font-size:13px;line-height:1.55}.error-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#98a2b3;font-size:10px}.error-meta code{color:#c43226}.error-actions{display:flex;gap:7px}.error-actions button{min-height:36px;padding:0 11px;font-size:11px}@media(max-width:1100px){.error-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:800px){.device-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-policy-list{grid-template-columns:1fr}.error-row{grid-template-columns:40px minmax(0,1fr)}.error-actions{grid-column:1 / -1;justify-content:flex-end}}@media(max-width:600px){.device-summary-grid,.error-summary-grid{grid-template-columns:1fr}}.admin-brand-logo{display:block;width:130px;height:auto}