:root{--bg-page: #ffffff;--card: #ffffff;--card-soft: #ffffff;--line: #e5e7eb;--line-strong: #d1d5db;--text: #0f172a;--text-muted: #64748b;--accent: #2563eb;--accent-strong: #1d4ed8;--accent-soft: #eff6ff;--accent-ink: #1e40af;--danger: #dc2626;--warn: #b45309;--ok: #059669;--shadow-soft: 0 1px 2px rgba(15, 23, 42, .04), 0 8px 24px rgba(15, 23, 42, .06);--shadow-card: 0 1px 2px rgba(15, 23, 42, .05), 0 12px 30px rgba(15, 23, 42, .08);font-family:SUIT Variable,Pretendard Variable,Noto Sans KR,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--text);background:var(--bg-page)}input,textarea,select,button,code{font-family:inherit}.page{min-height:100vh;padding:1.5rem}.card{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-soft)}.kicker{margin:0;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:#0b1220}.muted{color:var(--text-muted)}.error{color:var(--danger);font-size:.86rem}.success{color:var(--ok)}.warn{color:var(--warn)}button{border:1px solid transparent;border-radius:10px;padding:.58rem .95rem;font-size:.86rem;font-weight:700;color:#fff;background:var(--accent);cursor:pointer;transition:transform .12s ease,background-color .12s ease,opacity .12s ease}button:hover{transform:translateY(-1px);background:var(--accent-strong)}button:disabled{cursor:not-allowed;opacity:.56;transform:none}button.ghost{background:#fff;color:#334155;border-color:var(--line-strong)}button.ghost:hover{background:#f8fafc}button.primary{background:#1d4ed8}button.danger{background:#fff;color:#b42318;border-color:#fecaca}input,textarea,select{width:100%;margin-top:.32rem;border:1px solid var(--line-strong);border-radius:10px;padding:.56rem .62rem;background:#fff;color:var(--text);font-size:.87rem}input:focus,textarea:focus,select:focus{outline:3px solid rgba(37,99,235,.16);border-color:var(--accent)}.login-page{display:grid;place-items:center}.login-shell{width:min(1080px,100%);display:grid;grid-template-columns:1.2fr .8fr;gap:1rem;animation:riseIn .26s ease both}.login-copy,.login-panel{padding:1.3rem}.login-copy{border:1px solid var(--line)}.login-copy.login-copy-centered{min-height:430px;display:flex;flex-direction:column;justify-content:flex-start}.login-copy-message{margin:0}.login-copy h1{margin:.55rem 0 .7rem;font-size:clamp(1.6rem,3.2vw,2.45rem)}.login-copy p{color:var(--text-muted)}.login-copy ul{margin:0;padding-left:1rem;color:#334155}.login-copy li{margin:.4rem 0}.login-copy-slogan{margin:0;font-size:.95rem;font-weight:700;color:#334155}.login-copy-note{margin:.85rem 0 0;font-size:.8rem}.login-visual{margin-top:1rem;display:grid;gap:.6rem}.visual-tile{display:grid;grid-template-columns:42px 1fr;gap:.55rem;align-items:center;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;padding:.62rem .68rem;transition:transform .14s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.visual-icon{width:36px;height:36px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid #dbe1ea;font-size:1rem}.visual-tile strong{font-size:.88rem;color:#0f172a}.visual-tile p{margin:.2rem 0 0;color:#64748b;font-size:.78rem}.visual-tile:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0f172a14}.visual-tile.explore{background:#eff6ff;border-color:#bfdbfe}.visual-tile.explore .visual-icon{color:#1d4ed8;border-color:#93c5fd}.visual-tile.explore strong{color:#1e3a8a}.visual-tile.execute{background:#ecfdf5;border-color:#a7f3d0}.visual-tile.execute .visual-icon{color:#047857;border-color:#6ee7b7}.visual-tile.execute strong{color:#065f46}.visual-tile.growth{background:#fffbeb;border-color:#fde68a}.visual-tile.growth .visual-icon{color:#b45309;border-color:#fcd34d}.visual-tile.growth strong{color:#92400e}.login-panel h2{margin-bottom:1rem}.login-panel label{display:block;margin-bottom:.72rem;font-size:.84rem;color:#475569}.login-content-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;align-items:stretch}.login-main-column{min-width:0;display:flex;flex-direction:column;height:100%}.auth-panel{min-height:430px;display:flex;flex-direction:column}.login-form-stack{display:grid;gap:.65rem}.login-guide{margin:.2rem 0 .6rem}.login-action-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;align-items:center;margin-top:auto;padding-top:.7rem}.social-login-inline{margin-top:.35rem;border-top:1px solid #eef2f7;padding-top:.7rem}.social-login-title{margin:0 0 .45rem;font-size:.82rem;color:#64748b}.social-login-row{display:flex;gap:.55rem;flex-wrap:wrap}.social-login-placeholder{border-radius:12px;background:#f8fafc;padding:.85rem;height:100%;display:flex;flex-direction:column}.social-area-title{margin:0 0 .55rem;font-size:.9rem;font-weight:700;color:#334155}.social-hero{flex:1;min-height:170px;border:1px solid #e2e8f0;border-radius:12px;background:#fff;display:grid;place-items:center;padding:.8rem;text-align:center}.social-hero-emojis{margin:0 0 .45rem;font-size:2rem;line-height:1;letter-spacing:.14rem}.social-brand-row{margin-top:auto;padding-top:.7rem;display:flex;gap:.55rem;justify-content:center;align-items:center;width:100%}.social-provider{min-width:110px;height:44px;border-radius:999px;border:1px solid #d1d5db;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:flex-start;gap:.45rem;font-size:.81rem;font-weight:700;color:#334155;background:#fff;box-shadow:none}.social-provider-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:.8rem;background:#f8fafc;border:1px solid #dbe1ea}.social-provider:hover{transform:translateY(-1px)}.social-provider.google{color:#ea4335}.social-provider.google .social-provider-icon{color:#ea4335;border-color:#f1c7c1;background:#fff7f6}.social-provider.naver{color:#03a94e}.social-provider.naver .social-provider-icon{color:#fff;border-color:#03c75a;background:#03c75a}.social-provider.kakao{color:#2f2a00}.social-provider.kakao .social-provider-icon{color:#2f2a00;border-color:#f6dc00;background:#f6dc00}.social-provider.google:hover,.social-provider.naver:hover,.social-provider.kakao:hover{background:#fff}.signup-panel{min-height:560px}.signup-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.9rem}.signup-head h2{margin:0}.signup-terms,.signup-form-grid{display:grid;gap:.62rem}.terms-box{border:1px solid var(--line);border-radius:10px;background:#fff;padding:.7rem .75rem}.terms-box h3{margin:0 0 .42rem;font-size:.9rem}.terms-box ul{margin:0;padding-left:1rem;color:#475569;font-size:.84rem}.terms-check{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#334155}.terms-check input[type=checkbox]{width:16px;height:16px;margin:0}.field-hint{margin:.35rem 0 0;font-size:.74rem}.signup-action-row{display:grid;grid-template-columns:1fr auto;gap:.55rem;margin-top:.2rem;align-items:center}.topbar{max-width:1460px;margin:0 auto 1rem;padding:1.05rem 1.2rem;display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;animation:riseIn .22s ease both}.topbar h1{margin:.28rem 0 0;font-size:clamp(1.4rem,2vw,1.65rem)}.topbar-actions{margin-left:auto;width:auto;display:flex;justify-content:flex-end}.topbar-actions label{font-size:.78rem;color:#475569}.button-line{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.55rem}.topbar-button-line{margin-top:0}.button-line.stack{flex-direction:column}.workspace-layout{max-width:1460px;margin:0 auto;display:grid;gap:.95rem;align-items:start}.workspace-main{display:grid;grid-template-columns:minmax(740px,1fr) minmax(300px,340px);gap:.95rem;align-items:start}.solve-page-workspace{display:grid;grid-template-columns:minmax(740px,1fr) minmax(300px,380px);gap:.95rem;align-items:start}.solve-side-stack{display:grid;gap:.95rem;align-items:start}.profile-layout{max-width:960px;margin:0 auto}.profile-panel{padding:1.15rem}.profile-head{margin-bottom:.8rem}.profile-head h2{margin:0}.profile-form-grid{display:grid;gap:.62rem}.profile-action-row{display:grid;grid-template-columns:auto 1fr;gap:.55rem;margin-top:.25rem}.panel{padding:1rem;animation:riseIn .26s ease both}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem;margin-bottom:.8rem;padding-bottom:.55rem;border-bottom:1px solid #f1f5f9}.panel-head h2{margin:0;font-size:1.03rem}.explorer-panel{min-height:auto;padding:1rem}.explorer-filter-row{display:grid;grid-template-columns:minmax(220px,1.2fr) repeat(4,minmax(136px,.72fr)) auto;gap:.35rem;align-items:end}.filter-field{font-size:.78rem;color:#475569}.explorer-filter-row .filter-field:not(:first-child){font-size:.75rem}.explorer-filter-row .filter-field:not(:first-child) select{min-height:36px;padding:.42rem .54rem;font-size:.84rem;border-radius:9px}.search-button{height:40px;min-width:44px;padding:0;display:inline-flex;align-items:center;justify-content:center}.search-button-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.list-fallback-notice{margin:.6rem 0 0;font-size:.82rem}.explorer-list-head{display:grid;grid-template-columns:100px minmax(280px,1fr) 100px 90px 90px 120px;gap:.5rem;margin-top:.85rem;padding:0 .7rem;font-size:.74rem;color:#64748b}.problem-list{margin-top:.45rem;display:grid;gap:.45rem;max-height:320px;overflow-y:auto;padding-right:.12rem}.problem-row{width:100%;text-align:left;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:10px;padding:.56rem .7rem;display:grid;grid-template-columns:100px minmax(280px,1fr) 100px 90px 90px 120px;gap:.5rem;align-items:center;box-shadow:0 1px 2px #0f172a08}.problem-row:hover{border-color:#cbd5e1}.problem-row.active{border-color:#93c5fd;background:var(--accent-soft)}.problem-cell{font-size:.8rem}.problem-cell.title{display:flex;align-items:center;justify-content:flex-start;flex-direction:column;align-items:flex-start;gap:.55rem;min-width:0}.problem-cell.title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.problem-no{font-size:.73rem;color:#64748b;font-weight:600}.explorer-pagination{margin-top:.8rem;display:flex;justify-content:center;align-items:center;gap:.6rem}.problem-item{width:100%;text-align:left;background:#fff;color:var(--text);border:1px solid var(--line);border-radius:10px;padding:.68rem;box-shadow:0 1px 2px #0f172a0a}.problem-item:hover{border-color:#cbd5e1}.problem-item.active{border-color:#93c5fd;background:var(--accent-soft);box-shadow:inset 3px 0 0 var(--accent)}.problem-title-line,.problem-meta-line{display:flex;justify-content:space-between;gap:.5rem}.problem-meta-line{margin-top:.35rem;font-size:.76rem;color:var(--text-muted)}.chip{border:1px solid #cbd5e1;background:#f8fafc;color:#334155;border-radius:999px;font-size:.72rem;font-weight:700;padding:.14rem .5rem;white-space:nowrap}.problem-detail{background:var(--card-soft);border:1px solid var(--line);border-radius:12px;padding:.8rem}.title-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:10px}.title-row h3{margin:0}.tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-bottom:.45rem}.tag{background:#f8fafc;border:1px solid #dbe1ea;color:#334155;font-size:.74rem;border-radius:999px;padding:.12rem .45rem}.studio-panel{min-height:70vh}.studio-split{display:grid;grid-template-columns:minmax(340px,.95fr) minmax(420px,1.05fr);gap:.75rem;align-items:start}.studio-split>*{min-width:0}.problem-brief{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.82rem;min-width:0;overflow:auto;overscroll-behavior:contain;-ms-overflow-style:none;scrollbar-width:none}.problem-brief::-webkit-scrollbar{width:0;height:0}.problem-content{line-height:1.55;margin-bottom:.72rem;white-space:pre-line}.problem-content-rendered{display:grid;gap:.6rem;margin-top:.25rem}.problem-content-paragraph{margin:0;line-height:1.55;white-space:pre-line}.problem-spec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.48rem;margin-bottom:.72rem}.problem-spec-grid.problem-spec-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:1rem}.spec-card{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:.56rem .62rem}.spec-card p{margin:0;font-size:.73rem;color:#64748b}.spec-card strong{display:block;margin-top:.2rem;font-size:.88rem}.problem-table-list{display:grid;gap:.55rem}.problem-table-card{border:1px solid var(--line);border-radius:10px;background:#fff;padding:.6rem}.problem-table-card.inline{margin:0;border:0;border-radius:0;background:transparent;padding:0}.problem-inline-table-wrap{border:0;border-radius:0;max-height:none}.problem-table-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.45rem}.problem-table-head h4{margin:0;font-size:.88rem}.problem-table-card pre{margin:0;overflow-x:auto;font-family:JetBrains Mono,Consolas,Courier New,monospace;font-size:.75rem;line-height:1.4}.editor-side{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.82rem;min-width:0}.editor-head{margin-bottom:.45rem}.editor-head h3{margin:0;font-size:.96rem}.editor-actions{display:flex;gap:.5rem}.editor-action-row{margin-top:.6rem;display:flex;justify-content:space-between;align-items:center;gap:.6rem;flex-wrap:wrap}.editor-assist-actions{display:flex;flex-wrap:wrap;gap:.5rem}.assistant-hint-button,.assistant-help-button{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.assistant-hint-button{background:#fff;color:#1f3b7a;border-color:#bfdbfe}.assistant-hint-button:hover{background:#eff6ff}.assistant-help-button{background:#fff1f2;color:#b42318;border-color:#fecdd3}.assistant-help-button:hover{background:#ffe4e6}.assistant-icon{font-size:.95rem;line-height:1}.editor-result-stack{display:grid;gap:.7rem;margin-top:.7rem}.sql-editor{width:100%;min-height:260px;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff}.result-box{margin-top:0;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.72rem;min-width:0}.result-box.compact{margin-top:.6rem}.insight-panel{min-height:70vh}.solve-page-layout{max-width:1460px;margin:0 auto;display:grid;gap:.95rem}.solve-page-head{padding:1rem}.solve-page-head{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.solve-page-head h2{margin:0;font-size:1.05rem}.solve-page-head p{margin:.35rem 0 0}.admin-layout{max-width:1460px;margin:0 auto;display:grid;gap:.95rem}.admin-denied{max-width:720px;margin:2rem auto 0;padding:1rem;text-align:center}.admin-head,.admin-panel,.admin-gate{padding:1rem}.admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.admin-head h2,.admin-gate h2{margin:0}.admin-tab-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.9rem}.admin-inline-actions{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem;margin-bottom:.8rem}.admin-pagination{margin-top:.5rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.admin-pagination .admin-inline-actions{margin-bottom:0}.admin-inline-label{display:grid;gap:.25rem;font-size:.8rem;color:#475569}.admin-inline-checkbox{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#334155;white-space:nowrap}.admin-field-title{margin:0 0 .32rem;font-size:.8rem;color:#475569}.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.admin-help-alerts{margin-top:.9rem;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.8rem;display:grid;gap:.55rem}.admin-help-alert-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.admin-help-alert-head h3{margin:0;font-size:.95rem}.admin-help-alert-list{display:grid;gap:.5rem;max-height:320px;overflow:auto;padding-right:.1rem}.admin-help-alert-item{border:1px solid var(--line);border-radius:10px;background:#fff;padding:.62rem;display:flex;justify-content:space-between;align-items:flex-start;gap:.7rem}.admin-help-alert-main{min-width:0}.admin-help-alert-meta{margin:.24rem 0 0;font-size:.78rem;color:#64748b}.admin-help-preview-modal{width:min(860px,96vw)}.admin-help-preview-summary{border:1px solid var(--line);border-radius:10px;background:#f8fafc;padding:.62rem;display:grid;gap:.24rem}.admin-help-preview-summary p{margin:0;font-size:.8rem;color:#475569}.admin-help-preview-problem{min-height:220px}.admin-help-preview-sql{min-height:180px;font-family:Consolas,Courier New,monospace}.admin-metric-card{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.7rem}.admin-metric-card p{margin:0;color:#64748b;font-size:.78rem}.admin-metric-card strong{display:block;margin-top:.25rem;font-size:1.05rem}.admin-form-grid{display:grid;gap:.65rem}.admin-form-two-col{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.admin-textarea{min-height:170px}.admin-user-list{display:grid;gap:.55rem}.admin-user-row{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.72rem;display:flex;justify-content:space-between;align-items:center;gap:.8rem}.admin-user-row p{margin:.2rem 0 0}.admin-user-actions{display:flex;gap:.45rem}.admin-problem-list-controls{display:flex;flex-wrap:wrap;align-items:end;gap:.6rem}.admin-problem-search-row{display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:.6rem}.admin-problem-list{border:1px solid var(--line);border-radius:12px;background:#fff;max-height:360px;overflow:auto;padding:.5rem;display:grid;gap:.45rem}.admin-problem-row{border:1px solid var(--line);border-radius:10px;background:#fff;padding:.6rem .7rem;display:flex;align-items:center;justify-content:space-between;gap:.7rem;cursor:pointer;transition:border-color .12s ease,transform .12s ease,box-shadow .12s ease}.admin-problem-row:hover{transform:translateY(-1px);border-color:#cbd5e1;box-shadow:0 2px 8px #0f172a0d}.admin-problem-row.selected{border-color:#93c5fd;background:#eff6ff}.admin-problem-row-main{min-width:0}.admin-problem-row-main strong{display:block;font-size:.9rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-problem-row-meta{margin:.24rem 0 0;font-size:.78rem;color:#64748b}.admin-problem-row-actions{display:flex;gap:.45rem}.admin-dataset-browser{display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.admin-dataset-column{min-width:0;display:grid;gap:.45rem}.admin-dataset-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.admin-guide{border:1px dashed #d1d5db;border-radius:12px;background:#f8fafc;padding:.7rem}.admin-guide p{margin:0 0 .5rem;font-size:.82rem;color:#334155;line-height:1.5}.admin-guide pre{margin:0;border-radius:10px;border:1px solid #e2e8f0;background:#fff;padding:.6rem;font-size:.74rem;line-height:1.35;overflow:auto;font-family:JetBrains Mono,Consolas,Courier New,monospace}.admin-table-textarea{min-height:220px;font-family:JetBrains Mono,Consolas,Courier New,monospace}.admin-example-builder{display:grid;gap:.6rem;border:1px solid var(--line);border-radius:12px;background:#f8fafc;padding:.7rem}.admin-example-block-list{display:grid;gap:.55rem}.admin-example-block-card{border:1px solid #dbe2ea;border-radius:10px;background:#fff;padding:.65rem;display:grid;gap:.55rem}.admin-example-block-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.admin-example-preview-controls{display:grid;grid-template-columns:1fr 140px;gap:.55rem}.admin-example-preview{display:grid;gap:.45rem;border:1px solid #dbe2ea;border-radius:10px;padding:.6rem;background:#f8fafc}.admin-example-preview-head{display:flex;justify-content:space-between;align-items:center;gap:.6rem}.admin-example-preview-table-wrap{overflow:auto}.admin-example-preview-table{width:100%;border-collapse:collapse;min-width:420px}.admin-example-preview-table th,.admin-example-preview-table td{border:1px solid #d1d5db;padding:.45rem .55rem;text-align:left;font-size:.82rem;background:#fff}.admin-example-preview-table thead th{background:#eef2ff;font-weight:700}.admin-example-preview-table .is-highlight,.admin-example-preview-table tr.is-highlight-row td{background:#dbeafe}.admin-tag-editor{display:grid;gap:.55rem}.admin-tag-chip-list{display:flex;flex-wrap:wrap;gap:.45rem;min-height:40px}.admin-tag-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .3rem .2rem .55rem;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:.76rem;font-weight:700}button.admin-tag-chip-clickable{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .55rem;border-radius:999px;border:1px solid #cbd5e1;background:#f8fafc;color:#334155;font-size:.76rem;font-weight:700}button.admin-tag-chip-clickable:hover{background:#eff6ff;border-color:#bfdbfe;color:#1e3a8a;transform:none}.admin-tag-chip button{height:22px;min-width:22px;padding:0;border-radius:999px;border:1px solid #d1d5db;font-size:.72rem;line-height:1}.admin-tag-input-row{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}.admin-tag-suggestions{display:flex;flex-wrap:wrap;gap:.4rem}.admin-tag-suggestions button{border-radius:999px;padding:.3rem .6rem;font-size:.76rem}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:120;padding:1rem}.admin-modal{width:min(900px,96vw);max-height:90vh;overflow:auto;display:grid;gap:.65rem;padding:1rem}.password-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:130;padding:1rem}.password-modal{width:min(520px,94vw);display:grid;gap:.75rem;padding:1rem}.password-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.password-modal-head h3{margin:0}.password-modal-body{display:grid;gap:.62rem}.password-modal-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.2rem}.submission-success-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:grid;place-items:center;z-index:140;padding:1rem}.submission-success-modal{width:min(460px,92vw);display:grid;gap:.8rem;padding:1.1rem;text-align:center}.submission-success-modal h3{margin:0}.submission-success-modal p{margin:0;line-height:1.55}.submission-success-actions{display:flex;justify-content:center}.submission-success-actions button{min-width:120px}.admin-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.7rem}.admin-modal-head h3{margin:0}.admin-gate-head p{margin:.42rem 0 0}.admin-gate-grid{margin-top:.8rem;display:grid;grid-template-columns:1fr 1fr;gap:.65rem}.admin-gate-ip{margin:.7rem 0 0}.admin-gate-actions{margin-top:.85rem;display:flex;justify-content:flex-end;gap:.5rem}.result-box h4{margin-bottom:.35rem}.table-wrap{width:100%;max-width:85%;max-height:220px;overflow:auto;border-radius:10px;border:1px solid var(--line);box-sizing:border-box}.table-wrap table{width:max-content;min-width:100%}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.44rem .5rem;border-bottom:1px solid #eef2f7;font-size:.78rem;color:#1f2937}.table-wrap th,.table-wrap td{border:1px solid #e5e7eb;white-space:nowrap}tbody tr:nth-child(2n){background:#fcfdff}th{position:sticky;top:0;background:#f8fafc}.mini-card{margin-top:.7rem;background:#fff;border:1px solid var(--line);border-radius:12px;padding:.7rem}.mini-card h4{margin-bottom:.45rem}.attempt-item{display:grid;grid-template-columns:70px 1fr 1fr;gap:.4rem;font-size:.76rem;padding:.35rem 0;border-bottom:1px dashed #e5e7eb}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.56rem}.metrics p{margin:0;color:var(--text-muted);font-size:.74rem}.metrics strong{font-size:1.14rem;color:#0f172a}.insight-row{display:grid;grid-template-columns:72px 1fr auto;gap:.45rem;padding:.35rem 0;font-size:.8rem;border-bottom:1px dashed #e5e7eb;align-items:center}.insight-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}code{font-family:JetBrains Mono,Consolas,Courier New,monospace;background:#f1f5f9;color:var(--accent-ink);padding:.05rem .28rem;border-radius:6px}.app-page .topbar,.app-page .panel{box-shadow:var(--shadow-card)}@keyframes riseIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1240px){.workspace-main,.solve-page-workspace,.studio-split{grid-template-columns:1fr}.studio-panel,.insight-panel{min-height:auto}.problem-list{max-height:360px}.metrics{grid-template-columns:1fr 1fr}}@media (max-width: 900px){.login-shell{grid-template-columns:1fr}.topbar{flex-direction:column}.solve-page-head,.admin-head{flex-direction:column;align-items:flex-start}.admin-metric-grid{grid-template-columns:1fr 1fr}.admin-gate-grid{grid-template-columns:1fr}.explorer-list-head{display:none}.explorer-filter-row{grid-template-columns:1fr 1fr}.problem-row{grid-template-columns:1fr 1fr;gap:.45rem .7rem}.problem-cell.title{grid-column:1 / -1}}@media (max-width: 700px){.login-action-row{grid-template-columns:1fr}.social-login-row{flex-wrap:wrap}.signup-action-row,.profile-action-row{grid-template-columns:1fr}.password-modal-actions{grid-template-columns:1fr;display:grid}.problem-spec-grid,.metrics,.admin-form-two-col{grid-template-columns:1fr}.admin-problem-search-row{flex-direction:column;align-items:stretch}.admin-user-row,.admin-help-alert-item{flex-direction:column;align-items:flex-start}.admin-user-actions{width:100%}.admin-problem-row{flex-direction:column;align-items:flex-start}.admin-problem-row-actions{width:100%}.admin-dataset-browser,.admin-dataset-detail-grid,.explorer-filter-row{grid-template-columns:1fr}}
