*{box-sizing:border-box}:root{--background: #faf8ff;--surface: rgba(255, 255, 255, .78);--surface-solid: #ffffff;--surface-muted: #f3f3fd;--surface-line: #dfe3f0;--text: #191b23;--muted: #606575;--muted-2: #8d93a5;--primary: #0052cc;--primary-dark: #003d9b;--primary-soft: #dae2ff;--green: #0f9f6e;--green-soft: #dff8ed;--purple: #7658d8;--purple-soft: #eae5ff;--orange: #a33500;--orange-soft: #ffdbcf;--danger: #dc2626;--danger-soft: #fee2e2;--shadow: 0 18px 45px rgba(0, 61, 155, .08);--shadow-strong: 0 18px 38px rgba(0, 82, 204, .18);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;background:radial-gradient(circle at 78% 16%,rgba(0,82,204,.11),transparent 32%),radial-gradient(circle at 26% 88%,rgba(118,88,216,.09),transparent 36%),var(--background);color:var(--text)}button,input,textarea,select{font:inherit}button{border:0}button:disabled{cursor:wait;opacity:.65}input,textarea,select{width:100%;border:1px solid #c3c8dc;border-radius:18px;background:#ffffffdb;color:var(--text);min-height:46px;outline:none;padding:0 16px;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}textarea{min-height:104px;padding:14px 16px;resize:vertical}input:focus,textarea:focus,select:focus{border-color:var(--green);box-shadow:0 0 0 4px #0f9f6e1f;background:#fff}label{color:var(--text);display:grid;font-size:14px;font-weight:650;gap:9px}h1,h2,h3,p{margin:0}.glass-card{background:var(--surface);border:1px solid rgba(255,255,255,.7);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.primary-button,.secondary-button,.light-button,.text-button,.icon-button{align-items:center;border-radius:999px;cursor:pointer;display:inline-flex;font-weight:750;gap:9px;justify-content:center;min-height:48px;padding:0 22px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;white-space:nowrap}.primary-button{background:linear-gradient(135deg,#005ee8,#003d9b);box-shadow:var(--shadow-strong);color:#fff}.primary-button:hover,.secondary-button:hover,.light-button:hover,.text-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button.compact,.secondary-button.compact{min-height:38px;padding:0 14px}.secondary-button{background:#ffffffc2;border:1px solid #b7c1d8;color:var(--primary-dark)}.light-button{background:#ffffff29;border:1px solid rgba(255,255,255,.4);color:#fff}.light-button.strong{background:#fff;color:var(--primary-dark)}.text-button{background:transparent;color:var(--primary-dark);min-height:40px;padding:0 10px}.icon-button{background:#ffffffc7;border:1px solid #d8deed;color:#283044;height:38px;min-height:38px;padding:0;width:38px}.icon-button.danger{color:var(--danger)}.icon-button.ghost{background:transparent;border-color:transparent}.icon-button.notify{position:relative}.icon-button.notify.has-alert:after{background:var(--danger);border:2px solid #ffffff;border-radius:50%;content:"";display:none;height:10px;position:absolute;right:9px;top:8px;width:10px}.notify-badge{align-items:center;background:var(--danger);border:2px solid #fff;border-radius:999px;color:#fff;display:inline-flex;font-size:10px;font-weight:850;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-5px}.notification-popover{background:var(--surface-solid);border:1px solid #dfe3f0;border-radius:18px;box-shadow:var(--shadow-strong);display:grid;gap:8px;max-height:min(520px,calc(100vh - 132px));overflow:hidden;padding:14px;position:absolute;right:0;top:calc(100% + 12px);width:min(380px,calc(100vw - 36px));z-index:20}.notification-popover-header{align-items:center;border-bottom:1px solid #edf0f6;display:flex;gap:12px;justify-content:space-between;padding:2px 2px 10px}.notification-popover-header strong{color:var(--primary-dark);font-size:15px}.notification-popover-header span,.notification-empty{color:var(--muted);font-size:13px;font-weight:700}.notification-list{display:grid;gap:8px;max-height:420px;overflow-y:auto;padding-right:2px}.notification-item{align-items:start;background:#f7f9ff;border:1px solid #e2e8f0;border-radius:14px;color:var(--text);cursor:pointer;display:grid;gap:10px;grid-template-columns:10px minmax(0,1fr);padding:12px;text-align:left;width:100%}.notification-item:hover{border-color:#b7c1d8}.notification-item.read{background:#fff;opacity:.76}.notification-dot{background:var(--green);border-radius:50%;height:9px;margin-top:6px;width:9px}.notification-item.read .notification-dot{background:#c5ccda}.notification-body{display:grid;gap:4px;min-width:0}.notification-body strong{color:var(--text);font-size:14px;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-body small{color:var(--muted);font-size:12px;line-height:1.35}.notification-body em{color:var(--primary-dark);font-size:11px;font-style:normal;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.notification-empty{padding:18px 4px 10px;text-align:center}.login-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.login-card{border-radius:32px;display:grid;gap:18px;padding:34px;width:min(440px,100%)}.brand-mark{align-items:center;background:linear-gradient(135deg,#005ee8,#003d9b);border-radius:18px;color:#fff;display:inline-flex;height:52px;justify-content:center;width:52px}.brand-mark.soft{background:var(--primary-soft);color:var(--primary-dark)}.eyebrow{color:var(--primary-dark);font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.muted{color:var(--muted)}.admin-layout{display:grid;grid-template-columns:290px minmax(0,1fr);height:100vh;overflow:hidden;position:relative}.sidebar{background:#faf8ffc7;border-right:1px solid #e2e5f1;display:flex;flex-direction:column;gap:26px;height:100vh;padding:28px 16px 24px;position:relative;transition:transform .22s ease,opacity .22s ease;z-index:31}.sidebar-backdrop,.sidebar-close,.mobile-nav-toggle{display:none}.sidebar-backdrop{background:#0f172a6b;border:0;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .18s ease;z-index:30}.sidebar-backdrop.visible{opacity:1;pointer-events:auto}.sidebar-brand{align-items:center;display:flex;gap:13px;padding:0 4px 18px}.sidebar-brand strong{color:var(--primary-dark);display:block;font-size:23px;line-height:1.1}.sidebar-brand span,.sidebar-user span{color:var(--muted);display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{display:grid;gap:9px}.sidebar-nav p{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:.12em;padding:18px 20px 6px;text-transform:uppercase}.nav-item{align-items:center;background:transparent;border-radius:999px;color:#2d3242;cursor:pointer;display:flex;gap:14px;min-height:50px;padding:0 20px;text-align:left;width:100%}.nav-item.active{background:linear-gradient(135deg,#005ee8,#003d9b);box-shadow:var(--shadow-strong);color:#fff;font-weight:800}.sidebar-user{align-items:center;background:#ffffffbd;border-radius:24px;box-shadow:var(--shadow);display:flex;gap:12px;margin-top:auto;padding:10px 10px 10px 14px}.user-info{display:flex;flex-direction:column;flex:1}.user-info strong{color:var(--primary-dark);font-size:14px;line-height:1.2}.user-info span{color:var(--muted);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.logout-button{align-items:center;background:#fff;border:1px solid #e2e5f1;border-radius:12px;color:var(--danger);cursor:pointer;display:flex;height:38px;justify-content:center;transition:all .2s ease;width:38px}.logout-button:hover{background:var(--danger-soft);transform:scale(1.05)}.avatar{align-items:center;background:linear-gradient(135deg,#243b55,#141e30);border-radius:12px;color:#fff;display:flex;font-size:12px;font-weight:850;height:38px;justify-content:center;width:38px}.workspace{min-width:0;height:100vh;overflow-y:auto;display:flex;flex-direction:column}.topbar{align-items:center;background:#ffffffb3;border-bottom:1px solid #e2e5f1;display:flex;gap:20px;justify-content:space-between;min-height:96px;padding:20px 32px;position:sticky;top:0;z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-heading{align-items:flex-start;display:flex;flex:1;gap:14px;min-width:0}.topbar-title-group{min-width:0}.topbar h1{font-size:clamp(28px,3vw,40px);letter-spacing:0;line-height:1.08}.breadcrumb{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:14px;gap:10px;margin-bottom:8px}.breadcrumb button{background:transparent;color:var(--primary-dark);cursor:pointer;font-weight:700;padding:0}.breadcrumb strong{color:var(--primary-dark)}.topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;position:relative}.topbar-actions-stack{align-content:start}.content-shell{padding:26px 32px 44px}.notice{align-items:center;border-radius:18px;display:flex;gap:12px;justify-content:space-between;margin-bottom:18px;padding:14px 18px}.notice.info{background:var(--primary-soft);color:var(--primary-dark)}.notice.error{background:var(--danger-soft);color:#9f1239}.notice button{background:transparent;color:currentColor;cursor:pointer;padding:0}.bank-layout{display:grid;gap:24px;grid-template-columns:minmax(0,1fr) minmax(320px,390px)}.main-column,.side-column{display:grid;gap:22px;min-width:0;align-content:start}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.stat-card{border-radius:28px;display:grid;gap:8px;min-width:0;min-height:136px;padding:24px}.stat-card span{color:#323849;font-size:13px;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.stat-card strong{color:var(--primary-dark);font-size:36px;line-height:1}.stat-icon{align-items:center;border-radius:16px;display:flex;height:42px;justify-content:center;width:42px}.accent-blue .stat-icon{background:var(--primary-soft);color:var(--primary-dark)}.accent-green .stat-icon{background:var(--green-soft);color:var(--green)}.accent-purple .stat-icon{background:var(--purple-soft);color:var(--purple)}.accent-orange .stat-icon{background:var(--orange-soft);color:var(--orange)}.toolbar{align-items:center;border-radius:20px;display:flex;flex-wrap:wrap;gap:16px;min-width:0;padding:10px 16px;align-self:start}.bank-action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end;padding:14px 16px}.search-box{align-items:center;background:#f3f3fdcc;border-radius:999px;color:var(--muted);display:flex;gap:10px;font-size:14px;padding:0 14px;flex:1;min-width:200px}.search-box input{background:transparent;border:0;box-shadow:none;min-height:46px;padding:0}.filter-group{align-items:center;display:flex;flex-wrap:wrap;gap:10px;min-width:0}.filter-group .select-wrap{flex:1;min-width:140px}.filter-group .select-wrap:last-child{flex:1.5;min-width:200px}.filter-group>svg{color:var(--muted);justify-self:center}.select-wrap{align-items:center;display:inline-flex;min-width:0;position:relative}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;font-size:14px;min-height:42px;overflow:hidden;padding-left:14px;padding-right:34px;text-overflow:ellipsis;white-space:nowrap}.select-wrap svg{color:var(--muted);pointer-events:none;position:absolute;right:12px}.table-card,.management-card,.stats-panel,.form-card{border-radius:30px;min-width:0;padding:24px}.section-heading{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.section-heading.tight{margin-bottom:16px}.section-heading h2,.card-title h2,.stats-panel h2{font-size:20px;line-height:1.25}.question-table{border:1px solid #e4e7f1;border-radius:24px;overflow:hidden}.table-row{align-items:center;background:#ffffffb8;border-top:1px solid #edf0f6;display:grid;gap:16px;grid-template-columns:minmax(260px,1.4fr) minmax(120px,.7fr) 80px 120px 100px;min-height:84px;padding:16px 20px}.table-row:first-child{border-top:0}.table-head{background:#ededf8d1;color:#292e40;font-size:13px;font-weight:850;letter-spacing:.08em;min-height:58px;text-transform:uppercase}.question-cell{display:grid;gap:5px;min-width:0}.question-cell strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-cell small,.mini-row span,.table-footer,.leaderboard span{color:var(--muted)}.chip,.status-badge{border-radius:999px;display:inline-flex;font-size:13px;font-weight:750;justify-content:center;padding:7px 12px;width:fit-content}.chip{background:#e4e6ef;color:#333849}.status-badge{background:var(--primary-soft);color:var(--primary-dark)}.status-draft{background:#eceef6;color:#6b7280}.status-published{background:var(--green-soft);color:#047857}.status-closed{background:var(--orange-soft);color:var(--orange)}.row-actions{display:flex;gap:8px}.table-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;padding:16px 4px 0}.event-management-layout{display:grid;gap:24px}.event-table .table-row{grid-template-columns:minmax(280px,1.3fr) minmax(150px,.8fr) 110px 120px 150px}.booking-table .table-row{grid-template-columns:minmax(260px,1.25fr) minmax(170px,.8fr) minmax(190px,.95fr) 130px 190px}.feedback-table .table-row{grid-template-columns:minmax(300px,1.35fr) minmax(170px,.75fr) minmax(130px,.55fr) 130px 150px}.booking-contact,.booking-time{display:grid;gap:5px;min-width:0}.booking-contact span,.booking-time span{color:var(--muted);font-size:13px}.booking-time strong{color:var(--primary-dark);font-size:13px}.status-pending{background:var(--orange-soft);color:var(--orange)}.status-processing{background:var(--primary-soft);color:var(--primary-dark)}.status-resolved{background:var(--green-soft);color:var(--green)}.status-transferred{background:var(--purple-soft);color:var(--purple)}.status-confirmed,.status-rescheduled,.status-completed{background:var(--green-soft);color:var(--green)}.status-rejected,.status-cancelled{background:var(--danger-soft);color:var(--danger)}.event-cell{align-items:center;display:flex;gap:14px;min-width:0}.event-cell img{aspect-ratio:4 / 3;border-radius:14px;flex:0 0 76px;height:58px;object-fit:cover;width:76px}.feedback-media{align-items:center;display:flex;min-width:0}.feedback-media img{aspect-ratio:1;border-radius:12px;height:54px;object-fit:cover;width:54px}.feedback-stars{align-items:center;background:#fff7d6;border:1px solid #f7d777;border-radius:999px;color:#946200;display:inline-flex;font-size:13px;font-weight:800;gap:6px;padding:8px 11px}.event-thumb-placeholder{align-items:center;aspect-ratio:4 / 3;background:var(--surface-muted);border:1px dashed #c3c8dc;border-radius:14px;color:var(--muted-2);display:inline-flex;flex:0 0 76px;height:58px;justify-content:center;width:76px}.event-form{display:grid;gap:14px}.event-form label,.event-form-field{color:var(--text);display:grid;font-size:13px;font-weight:750;gap:7px}.event-form-field>span{color:var(--text)}.field-hint{color:var(--muted-2);font-size:12px;font-weight:650}.event-form input,.event-form textarea{width:100%}.event-rich-editor{background:#ffffffdb;border:1px solid #c3c8dc;border-radius:18px;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.event-rich-editor:focus-within{background:#fff;border-color:var(--green);box-shadow:0 0 0 4px #0f9f6e1f}.event-editor-toolbar{align-items:center;background:#f3f3fddb;border-bottom:1px solid #dfe3f0;display:flex;flex-wrap:wrap;gap:6px;padding:8px}.editor-tool{align-items:center;background:transparent;border-radius:10px;color:var(--muted);cursor:pointer;display:inline-flex;height:34px;justify-content:center;padding:0;transition:background .16s ease,color .16s ease;width:34px}.editor-tool:hover:not(:disabled),.editor-tool.active{background:var(--primary-soft);color:var(--primary-dark)}.editor-tool:disabled{cursor:not-allowed;opacity:.45}.event-rich-editor-content{color:var(--text);font-size:14px;font-weight:500;line-height:1.65;min-height:190px;outline:none;padding:14px 16px}.event-rich-editor-content p,.event-rich-editor-content h2,.event-rich-editor-content h3,.event-rich-editor-content ul,.event-rich-editor-content ol{margin:0 0 12px}.event-rich-editor-content h2{font-size:20px;line-height:1.35}.event-rich-editor-content h3{font-size:17px;line-height:1.4}.event-rich-editor-content ul,.event-rich-editor-content ol{padding-left:22px}.event-rich-editor-content a{color:var(--primary);font-weight:750}.event-rich-editor-content img{border-radius:14px;display:block;height:auto;margin:12px 0;max-width:100%}.editor-help{border-top:1px solid #edf0f6;color:var(--muted-2);font-size:12px;font-weight:650;padding:8px 14px 10px}.editor-error{border-top:1px solid rgba(220,38,38,.16);color:#b42318;font-size:12px;font-weight:700;padding:8px 14px 10px}.form-grid-two{display:grid;gap:12px;grid-template-columns:1fr 1fr}.event-upload-box{align-items:center;display:flex;gap:12px;justify-content:space-between}.event-upload-box span{color:var(--muted);font-size:13px;font-weight:750}.event-image-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.event-image{aspect-ratio:1;border:2px solid transparent;border-radius:16px;overflow:hidden;position:relative}.event-image.selected{border-color:var(--primary)}.event-image img{height:100%;object-fit:cover;width:100%}.image-select,.image-remove{align-items:center;border:0;cursor:pointer;display:inline-flex;font-weight:800;gap:4px;position:absolute}.image-select{background:#ffffffeb;border-radius:999px;bottom:8px;color:var(--primary-dark);font-size:11px;left:8px;padding:6px 8px}.image-remove{background:#dc2626eb;border-radius:50%;color:#fff;height:26px;justify-content:center;right:8px;top:8px;width:26px}.empty-state{align-items:center;color:var(--muted);display:grid;gap:10px;justify-items:center;min-height:270px;padding:28px;text-align:center}.empty-state svg{color:var(--primary-dark)}.empty-state h3{color:var(--text)}.guide-banner{align-items:center;background:radial-gradient(circle at 92% 38%,rgba(255,255,255,.22),transparent 18%),linear-gradient(135deg,#005ee8,#003d9b);border-radius:30px;box-shadow:var(--shadow-strong);color:#fff;display:flex;gap:20px;justify-content:space-between;overflow:hidden;padding:30px 34px}.guide-banner .eyebrow,.guide-banner p{color:#ffffffc7}.guide-banner h2{font-size:27px;margin:7px 0}.banner-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.stack-form,.mini-list,.stats-panel,.leaderboard{display:grid;gap:12px}.stack-form{margin-bottom:18px}.stack-form textarea{min-height:78px}.mini-row{align-items:center;border:1px solid transparent;border-radius:20px;display:grid;gap:8px;grid-template-columns:1fr auto;padding:8px}.mini-row.selected{background:#dae2ff94;border-color:#b2c5ff}.mini-row>button{background:transparent;color:var(--text);cursor:pointer;display:grid;gap:4px;min-width:0;padding:7px 8px;text-align:left}.mini-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stats-panel{align-content:start}.metric,.leaderboard div{align-items:center;border-bottom:1px solid #edf0f6;display:flex;justify-content:space-between;padding:10px 0}.metric span{color:var(--muted)}.editor-layout{display:grid;gap:24px;grid-template-columns:minmax(300px,.42fr) minmax(0,1fr)}.editor-side,.editor-main{display:grid;gap:22px;align-content:start}.card-title{align-items:center;color:var(--primary-dark);display:flex;gap:12px;margin-bottom:20px}.form-card{display:grid;gap:18px}.difficulty{align-items:center;background:#ffffffc2;border:1px solid #e1e5f0;border-radius:999px;display:grid;gap:8px;grid-template-columns:1fr repeat(3,42px);min-height:52px;padding:0 16px}.difficulty span{color:#404656}.difficulty i{background:var(--primary);border-radius:999px;height:8px}.difficulty .muted-bar{background:#c7ccda}.question-content-card{padding-bottom:0}.editor-toolbar{align-items:center;background:var(--surface-muted);border:1px solid #c3c8dc;border-bottom:0;border-radius:24px 24px 0 0;display:flex;gap:28px;min-height:56px;padding:0 28px}.editor-toolbar span{background:#d4d8e6;height:24px;width:1px}.question-textarea{border-radius:0 0 28px 28px;min-height:188px}.answer-list{display:grid;gap:14px}.answer-row{align-items:center;border:1px solid #c3c8dc;border-radius:999px;display:grid;gap:14px;grid-template-columns:50px minmax(0,1fr) auto 42px;min-height:76px;padding:10px 16px 10px 12px}.answer-row.correct-answer{border-color:var(--primary);box-shadow:0 10px 28px #0052cc14}.answer-letter{align-items:center;background:#e1e4ee;border-radius:18px;color:#303648;display:flex;font-size:18px;font-weight:850;height:50px;justify-content:center;width:50px}.correct-answer .answer-letter{background:var(--primary);color:#fff}.answer-row input[type=text],.answer-row input:not([type]){background:transparent;border:0;box-shadow:none}.switch-label{align-items:center;display:flex;gap:8px;text-transform:uppercase}.switch-label span{color:var(--primary-dark);font-size:11px;font-weight:850}.switch-label input{accent-color:var(--primary);height:18px;min-height:18px;width:18px}.muted-action{color:var(--muted)}.draft-note{align-items:center;background:#ffffffc7;border-left:4px solid var(--primary);border-radius:28px;box-shadow:var(--shadow);display:grid;gap:16px;grid-template-columns:54px 1fr auto;padding:22px}.draft-note p{color:var(--muted);margin-top:4px}.draft-status{display:grid;gap:3px;text-align:right}.draft-status span{color:var(--muted-2);font-size:12px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.draft-status strong{color:var(--primary-dark);font-size:24px}.editor-footer{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}@media (max-width: 1600px){.bank-layout{grid-template-columns:1fr}.side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-panel{grid-column:1 / -1}}@media (max-width: 1320px){.editor-layout{grid-template-columns:1fr}}@media (max-width: 1040px){.admin-layout{grid-template-columns:1fr}.sidebar{box-shadow:0 24px 48px #0f172a33;height:100vh;left:0;max-width:min(320px,84vw);min-height:100vh;overflow-y:auto;position:fixed;top:0;transform:translate(-100%);width:min(320px,84vw)}.admin-layout.mobile-nav-open .sidebar,.sidebar.mobile-open{transform:translate(0)}.sidebar-close,.mobile-nav-toggle{display:inline-flex}.sidebar-brand{align-items:flex-start;justify-content:space-between}.sidebar-nav{grid-template-columns:1fr}.sidebar-nav p{grid-column:1 / -1}.topbar{gap:16px;min-height:auto;padding:18px 24px}.stats-grid,.side-column{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{align-items:stretch;flex-direction:column}.filter-group,.search-box,.filter-group .select-wrap,.select-wrap{width:100%}.table-row{grid-template-columns:minmax(220px,1fr) 130px 70px 110px 92px;min-width:840px}.question-table{overflow-x:auto}}@media (max-width: 720px){.guide-banner,.draft-note{align-items:flex-start;flex-direction:column}.content-shell,.topbar{padding-left:18px;padding-right:18px}.sidebar{padding:18px 14px;width:min(320px,88vw)}.sidebar-nav,.stats-grid,.side-column{grid-template-columns:1fr}.filter-group,.select-wrap,.primary-button,.secondary-button{width:100%}.topbar{align-items:start;display:grid;gap:12px 14px;grid-template-columns:minmax(0,1fr) auto}.topbar-heading{align-items:start;display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr);width:100%}.topbar-title-group{min-width:0}.topbar h1{font-size:clamp(18px,8.4vw,26px);line-height:1.12}.breadcrumb{font-size:12px;gap:6px;margin-bottom:4px}.topbar-actions{align-items:flex-start;display:flex;justify-content:flex-start;width:auto}.topbar-actions-stack{display:grid;gap:10px;width:100%}.topbar-actions-stack .notify{justify-self:start}.topbar-actions-stack .primary-button,.topbar-actions-stack .secondary-button,.topbar-actions-stack .light-button,.topbar-actions-stack .text-button{justify-content:center;width:100%}.notification-popover{left:18px;right:18px;top:calc(100% + 10px);width:auto}.filter-group{grid-template-columns:1fr}.filter-group>svg{display:none}.filter-group .select-wrap:last-child{grid-column:auto}.section-heading{align-items:flex-start;flex-direction:column;gap:12px}.section-heading>*:last-child{width:100%}.bank-inline-create{display:none}.bank-action-bar{align-items:stretch;display:grid;gap:10px;grid-template-columns:1fr;justify-content:stretch}.mini-row{grid-template-columns:1fr}.mini-row .row-actions{justify-content:flex-start;width:100%}.answer-row{border-radius:24px;grid-template-columns:48px 1fr}.switch-label,.answer-row .icon-button{grid-column:2}.draft-note{display:flex}.draft-status{text-align:left}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a66;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;place-items:center;z-index:100;padding:16px;animation:fadeIn .2s ease}.modal-content{background:var(--surface-solid);border-radius:24px;box-shadow:var(--shadow-strong);width:100%;max-width:480px;padding:32px;display:grid;gap:20px;animation:slideUp .3s cubic-bezier(.16,1,.3,1)}.event-modal{max-height:calc(100vh - 32px);max-width:960px;overflow-y:auto;padding:28px}.event-modal-form{gap:16px}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--surface-line);padding-bottom:16px;margin-bottom:8px}.modal-header h2{font-size:20px;color:var(--primary-dark)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:12px}.admin-create-form{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-create-form .section-heading{grid-column:1 / -1}.admin-account-list,.admin-audit-list{display:grid;gap:10px;margin-top:18px}.admin-account-row,.admin-audit-row{align-items:center;background:#ffffffb8;border:1px solid var(--surface-line);border-radius:18px;display:grid;gap:14px;padding:14px 16px}.admin-account-row{grid-template-columns:minmax(220px,1fr) auto auto minmax(130px,auto) auto}.admin-audit-row{grid-template-columns:minmax(220px,1fr) minmax(180px,.8fr) auto}.admin-audit-row>div{display:grid;gap:4px}.admin-audit-row small,.admin-audit-row span,.admin-account-row small{color:var(--muted)}@media (max-width: 1100px){.admin-create-form,.admin-account-row,.admin-audit-row{grid-template-columns:1fr}}@media (max-width: 720px){.event-modal{border-radius:22px;max-height:calc(100vh - 20px);padding:20px}.event-modal .form-grid-two{grid-template-columns:1fr}.event-modal .modal-footer{align-items:stretch;flex-direction:column-reverse}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.editor-list-layout{display:flex;flex-direction:column;gap:24px;max-width:800px;margin:0 auto}.set-header-card{border-top:8px solid var(--primary);border-radius:12px;background:var(--surface-solid);box-shadow:var(--shadow);padding:32px;display:grid;gap:16px}.set-header-card h1{color:var(--text);font-size:24px;font-weight:700;line-height:1.3;margin:0}.set-header-label{color:var(--muted);font-size:13px;font-weight:700;letter-spacing:.04em;margin:0;text-transform:uppercase}.set-header-description{color:var(--muted);line-height:1.5;margin:0}.question-block{background:var(--surface-solid);border-radius:12px;box-shadow:0 4px 12px #0000000d;padding:24px;position:relative;border-left:4px solid transparent;transition:all .2s ease;display:flex;flex-direction:column;gap:16px}.question-block.active{border-left-color:var(--primary);box-shadow:0 8px 24px #0000001a}.question-block-header{display:flex;justify-content:space-between;align-items:center}.question-input{font-size:16px;font-weight:500;padding:16px;background:var(--surface-muted);border:1px solid transparent;resize:vertical}.question-input:focus{background:var(--surface-solid);border-color:var(--primary)}.option-row{display:flex;align-items:center;gap:12px}.option-row input[type=text]{flex:1;background:transparent;border:0;border-bottom:1px solid var(--surface-line);border-radius:0;min-height:40px}.option-row input[type=text]:focus{box-shadow:none;border-bottom-color:var(--primary);background:transparent}.option-row input[type=radio]{width:20px;min-height:20px;accent-color:var(--green)}.question-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--surface-line);margin-top:8px}.add-question-btn-container{display:flex;justify-content:center}.dashboard-layout{display:grid;gap:24px;animation:fadeIn .4s ease-out}.dashboard-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;background:var(--surface-solid);padding:12px 24px;border-radius:20px;box-shadow:0 4px 12px #00000008}.range-presets{display:flex;gap:8px}.range-presets .text-button{border-radius:14px}.range-inputs{display:flex;align-items:center;gap:8px}.range-inputs input{width:auto;min-height:36px;border-radius:12px;padding:0 12px;font-size:13px;background:var(--surface-muted);border-color:transparent}.range-inputs input:focus{background:#fff;border-color:var(--primary)}.range-inputs span{color:var(--muted-2)}.dashboard-charts{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}.chart-card{border-radius:30px;padding:24px}.dashboard-bottom{display:grid;grid-template-columns:1fr 1fr;gap:24px}.rank-list{display:grid;gap:6px}.rank-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;transition:background .15s ease}.rank-row:hover{background:var(--surface-muted)}.rank-badge{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;background:var(--surface-muted);color:var(--muted)}.rank-1{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.rank-2{background:linear-gradient(135deg,#94a3b8,#64748b);color:#fff}.rank-3{background:linear-gradient(135deg,#d97706,#b45309);color:#fff}.rank-info{flex:1;display:flex;flex-direction:column;min-width:0}.rank-info strong{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rank-info span{font-size:12px;color:var(--muted)}.rank-score{font-size:16px;color:var(--primary-dark);font-weight:800}.activity-list{display:grid;gap:6px}.activity-row{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;transition:background .15s ease}.activity-row:hover{background:var(--surface-muted)}.activity-avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#243b55,#141e30);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;flex-shrink:0}.activity-info{flex:1;display:flex;flex-direction:column;min-width:0}.activity-info strong{font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-info span{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-meta{text-align:right;flex-shrink:0}.activity-meta strong{display:block;font-size:15px;color:var(--green);font-weight:800}.activity-meta span{font-size:12px;color:var(--muted)}.guide-layout{display:flex;flex-direction:column;gap:32px;max-width:1200px;margin:0 auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.guide-section{padding:32px;border-radius:32px;transition:all .3s ease}.hero-section{background:linear-gradient(135deg,#ffffffe6,#f0f4ffcc);border:1px solid rgba(0,82,204,.1)}.guide-icon-badge{background:var(--primary-soft);color:var(--primary);width:56px;height:56px;border-radius:18px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0052cc1f}.guide-intro{font-size:16px;color:var(--muted);margin-bottom:32px;max-width:700px;line-height:1.6}.guide-steps{display:flex;align-items:center;gap:20px;margin-top:24px}.step{display:flex;gap:16px;align-items:center;padding:20px 24px;background:#fff;border-radius:24px;border:1px solid var(--surface-line);flex:1;box-shadow:0 4px 12px #00000008}.step-number{background:var(--primary);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px #0052cc4d}.step-body strong{display:block;font-size:16px;color:var(--text);margin-bottom:2px}.step-body p{color:var(--muted);font-size:13px;line-height:1.4}.step-arrow{color:var(--muted-2);font-size:24px;font-weight:300}.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:28px}.card-header{display:flex;align-items:center;gap:16px;margin-bottom:24px}.card-icon{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center}.card-icon.blue{background:var(--primary-soft);color:var(--primary)}.card-icon.purple{background:var(--purple-soft);color:var(--purple)}.card-icon.green{background:var(--green-soft);color:var(--green)}.card-icon.orange{background:var(--orange-soft);color:var(--orange)}.card-header h3{font-size:20px;font-weight:800;color:var(--text);margin:0}.guide-list{display:grid;gap:18px}.list-item{display:flex;align-items:flex-start;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.04)}.list-item:last-child{border-bottom:0;padding-bottom:0}.item-label{font-weight:700;color:var(--primary-dark);font-size:15px;width:100px;flex-shrink:0;padding-top:1px}.item-desc{color:var(--muted);font-size:14.5px;line-height:1.6;flex:1}.inline-icon{vertical-align:middle;display:inline-flex;margin:0 4px;opacity:.7}.coming-soon-container{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 160px);animation:fadeIn .5s ease-out}.coming-soon-card{max-width:500px;width:100%;padding:60px 40px;text-align:center;border-radius:40px;display:flex;flex-direction:column;align-items:center;gap:24px}.coming-soon-icon{position:relative;width:100px;height:100px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.icon-main{color:var(--primary);z-index:2}.icon-pulse{position:absolute;width:80px;height:80px;background:var(--primary-soft);border-radius:50%;animation:pulseLoop 2s infinite;z-index:1}@keyframes pulseLoop{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.5);opacity:0}to{transform:scale(1);opacity:0}}.coming-soon-card h2{font-size:32px;color:var(--primary-dark)}.coming-soon-card p{color:var(--muted);line-height:1.6}.progress-bar-container{width:100%;height:10px;background:var(--surface-muted);border-radius:10px;overflow:hidden;margin:10px 0}.progress-bar-fill{width:45%;height:100%;background:linear-gradient(90deg,var(--primary),var(--purple));border-radius:10px;animation:progressPulse 3s infinite ease-in-out}@keyframes progressPulse{0%,to{opacity:.8;transform:translate(-10%)}50%{opacity:1;transform:translate(20%)}}.coming-soon-badge{background:var(--orange-soft);color:var(--orange);padding:8px 20px;border-radius:999px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}@media (max-width: 720px){.dashboard-toolbar,.guide-steps,.question-actions,.question-block-header,.option-row,.modal-header,.modal-footer{align-items:stretch;flex-direction:column}.dashboard-charts,.dashboard-bottom,.guide-grid{grid-template-columns:1fr}.dashboard-layout{gap:18px}.dashboard-toolbar{border-radius:24px;gap:14px;padding:16px}.range-presets{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.range-presets .text-button{background:#f4f6ff;border:1px solid #d9e2ff;color:var(--primary-dark);justify-content:center;min-height:42px;padding:0 8px}.range-inputs{display:grid;gap:10px;grid-template-columns:1fr;width:100%}.range-inputs input,.range-presets>*,.question-actions>*,.modal-footer>*,.editor-footer>*{width:100%}.range-inputs input{background:#fff;border:1px solid #dde4f4;min-height:44px}.range-inputs span,.step-arrow{display:none}.step{width:100%}.guide-section,.set-header-card,.question-block,.table-card,.management-card,.stats-panel,.form-card,.chart-card,.coming-soon-card,.modal-content,.event-modal{border-radius:22px;padding:18px}.dashboard-layout .stats-grid{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-layout .stat-card{border-radius:24px;min-height:118px;padding:18px}.dashboard-layout .stat-card span{font-size:11px;letter-spacing:.08em}.dashboard-layout .stat-card strong{font-size:28px}.chart-card canvas{height:220px!important}.dashboard-layout .section-heading.tight{align-items:center;gap:10px}.rank-row,.activity-row{align-items:center;display:grid;gap:8px 10px;grid-template-columns:auto minmax(0,1fr);padding:12px 10px}.rank-score,.activity-meta{grid-column:2;justify-self:start;text-align:left}.activity-meta{display:flex;gap:10px}.activity-meta strong,.activity-meta span{font-size:12px}.editor-footer{width:100%}.admin-account-row,.admin-audit-row{gap:12px;padding:14px}.admin-account-row .row-actions{flex-direction:column}.admin-account-row .row-actions>*{width:100%}}@media (max-width: 430px){.dashboard-layout .stats-grid,.range-presets{grid-template-columns:1fr}}