:root{color:#172033;background:#eef1f6;font-family:Inter,Pretendard,Malgun Gothic,system-ui,-apple-system,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #172033;--muted: #64748b;--line: #e0e5ec;--line-soft: #edf1f6;--surface: #ffffff;--soft: #f5f7fa;--accent: #2563eb;--accent-dark: #1d4ed8;--accent-soft: #eef3ff;--green: #16803c;--green-soft: #eafaf0;--red: #dc2626;--red-soft: #fef2f2;--amber: #b45309;--amber-soft: #fffbeb;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--shadow-sm: 0 1px 2px rgba(23, 32, 51, .04), 0 1px 1px rgba(23, 32, 51, .03);--shadow-md: 0 8px 24px rgba(23, 32, 51, .07), 0 2px 6px rgba(23, 32, 51, .04);--shadow-lg: 0 24px 56px rgba(23, 32, 51, .14), 0 4px 12px rgba(23, 32, 51, .06);--shadow: var(--shadow-sm);--ease: .16s cubic-bezier(.2, .7, .3, 1)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(1200px 500px at 100% -10%,rgba(37,99,235,.06),transparent 60%),#eef1f6}::selection{background:#2563eb2e}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7d0dc;border-radius:99px;border:2px solid #eef1f6}::-webkit-scrollbar-thumb:hover{background:#aab5c4}button,input,textarea,select{font:inherit}a{color:inherit}.language-select,.compact-select{min-height:38px}button{border:0;cursor:pointer;transition:background-color var(--ease),border-color var(--ease),color var(--ease),box-shadow var(--ease),transform var(--ease),opacity var(--ease)}button:disabled{cursor:not-allowed;opacity:.55}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.boot{min-height:100vh;display:grid;place-content:center;gap:10px;color:var(--muted);font-weight:600}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(900px 460px at 12% 8%,rgba(37,99,235,.1),transparent 60%),radial-gradient(700px 420px at 92% 92%,rgba(22,128,60,.08),transparent 55%),#eef1f6}.login-panel{width:min(420px,100%);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-lg)}.brand-lockup,.brand{display:flex;align-items:center;gap:12px}.brand-lockup span,.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(155deg,#1f2a3d,#0f1520);color:#fff;font-weight:800;box-shadow:var(--shadow-sm)}.brand-lockup h1,.topbar h1,.section-head h2{margin:0;letter-spacing:-.01em}.brand-lockup p,.brand span,.muted{margin:0;color:var(--muted);font-size:.86rem}.login-form,.page-stack,.editor-shell,.questions{display:grid;gap:16px}.login-form{margin-top:28px}.terms-copy{margin-top:14px}label{display:grid;gap:7px;color:#334155;font-size:.86rem;font-weight:650}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--soft);color:var(--ink);padding:10px 12px;outline:none;transition:border-color var(--ease),box-shadow var(--ease),background-color var(--ease)}textarea{min-height:120px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#c3cdda}input:focus,textarea:focus,select:focus{background:var(--surface);border-color:#7aa7f7;box-shadow:0 0 0 3px #2563eb24}.primary,.ghost,.text-button,.file-button,.block-toolbar button,.select-card{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:var(--radius-sm);padding:9px 14px;font-weight:650;white-space:nowrap}.primary{background:var(--accent);color:#fff;box-shadow:0 1px 2px #2563eb0d,0 4px 10px #2563eb38}.primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:0 1px 2px #2563eb0f,0 6px 16px #2563eb47;transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #2563eb1a}.ghost,.block-toolbar button{border:1px solid var(--line);background:var(--surface);color:#334155;box-shadow:var(--shadow-sm)}.ghost:hover:not(:disabled),.block-toolbar button:hover,.select-card:hover{border-color:#b7c4d6;background:#fbfcfe;transform:translateY(-1px);box-shadow:var(--shadow-md)}.danger{color:var(--red)}.ghost.danger:hover:not(:disabled){border-color:#f3b9b9;background:var(--red-soft);color:#b91c1c}.text-button{min-height:auto;padding:0;background:transparent;color:var(--accent);box-shadow:none;font-weight:700}.text-button:hover{color:var(--accent-dark);text-decoration:underline}.wide{width:100%}.alert{border:1px solid #f6c6c6;background:var(--red-soft);color:#9f1d1d;border-radius:var(--radius-sm);padding:11px 14px;font-size:.9rem;font-weight:550}.success{border:1px solid #b7e4c7;background:var(--green-soft);color:#136b35;border-radius:var(--radius-sm);padding:11px 14px;font-size:.9rem;font-weight:550}.app-shell{min-height:100vh;display:grid;grid-template-columns:252px 1fr}.sidebar{background:linear-gradient(190deg,#1a2334,#10151f);color:#fff;padding:22px 18px;display:flex;flex-direction:column;gap:28px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand strong{display:block;font-size:1.08rem;letter-spacing:-.01em}.brand span{color:#97a3b8}.sidebar nav{display:grid;gap:3px}.sidebar a{min-height:40px;display:flex;align-items:center;gap:10px;border-radius:var(--radius-sm);padding:9px 12px;color:#ccd3e0;text-decoration:none;font-weight:600;font-size:.93rem;position:relative;transition:background-color var(--ease),color var(--ease)}.sidebar a:hover{background:#ffffff12;color:#fff}.sidebar a.active{background:#2563eb38;color:#fff}.sidebar a.active:before{content:"";position:absolute;left:-18px;top:8px;bottom:8px;width:3px;border-radius:0 4px 4px 0;background:#5b8ef8}.workspace{padding:22px clamp(16px,3vw,34px) 48px;min-width:0}.topbar,.section-head,.manual-card-main,.test-head,.result-card summary,.mini-row,.request-row,.user-row,.ai-panel,.block-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar{min-height:62px;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--line)}.top-actions,.actions,.manual-actions,.block-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.eyebrow{margin:0 0 3px;color:var(--accent);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.section-head{margin-bottom:2px}.search{width:min(260px,100%)}.manual-list,.result-list,.blocks{display:grid;gap:12px}.manual-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.manual-tools{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}.search-result,.source-row{width:100%;border:0;border-top:1px solid var(--line-soft);background:transparent;color:var(--ink);text-align:left;padding:12px 4px;cursor:pointer;border-radius:var(--radius-sm)}.search-result:hover,.source-row:hover{color:var(--accent);background:var(--accent-soft)}.search-result span,.search-result p,.chat-answer span{display:block;color:var(--muted);font-size:.86rem;margin:4px 0 0}.chat-box,.chat-answer{display:grid;gap:10px;margin-top:10px}.chat-answer{border-top:1px solid var(--line-soft);padding-top:12px}.chat-answer p{white-space:pre-wrap;margin:0}.folder-panel,.folder-detail{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.folder-panel{padding:10px;display:grid;gap:6px;align-self:start}.folder-panel-head,.folder-detail{display:flex;align-items:center;justify-content:space-between;gap:10px}.folder-panel-head{padding:6px 6px 10px}.folder-row{min-height:36px;border:0;border-radius:var(--radius-sm);background:transparent;color:#334155;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.folder-row:hover,.folder-row.active{background:var(--accent-soft);color:var(--accent-dark)}.manual-content{min-width:0;display:grid;gap:12px}.folder-detail{padding:12px 16px}.folder-detail>div:first-child{display:flex;align-items:center;gap:10px}.folder-detail span{display:inline-flex;align-items:center;gap:4px;color:#64748b}.manual-card,.surface,.editor-shell,.test-panel,.question-card,.result-card,.block-card,.manual-preview,.empty{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.manual-card,.surface,.editor-shell,.test-panel,.question-card,.result-card,.block-card,.manual-preview,.empty{padding:18px}.manual-card h3,.question-card h4,.test-panel h3,.surface h3{margin:0}.manual-card h3{display:flex;align-items:center;gap:6px}.manual-card p,.manual-card span,.answer-row span,.answer-row p,.result-card small{color:var(--muted);font-size:.86rem}.manual-card p{margin:4px 0}.manual-card{transition:box-shadow var(--ease),border-color var(--ease)}.manual-card:hover{box-shadow:var(--shadow-md);border-color:#d3dae5}.manual-actions{justify-content:flex-end}.compact{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.select-card{min-height:92px;align-items:flex-start;flex-direction:column;border:1px solid var(--line);background:var(--surface);color:var(--ink);text-align:left;box-shadow:var(--shadow-sm)}.form-grid,.filters,.user-form,.stat-grid,.profile-form,.settings-grid,.cost-grid,.two-column{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.two-column{grid-template-columns:repeat(2,minmax(240px,1fr));align-items:start}.ai-panel{background:linear-gradient(180deg,#f8fbff,#f3f7fd);border:1px dashed #b9cbe6;border-radius:var(--radius-md);padding:15px 16px}.ai-panel span{display:block;color:var(--muted);font-size:.86rem}.ai-panel strong{color:#1e3a8a}.file-button{position:relative;border:1px solid var(--line);background:var(--surface)}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.block-card{display:grid;gap:10px;transition:box-shadow var(--ease)}.block-card:hover{box-shadow:var(--shadow-md)}.drag{display:inline-flex;align-items:center;gap:6px;color:#475569;font-size:.8rem;font-weight:800;letter-spacing:.02em}.icon{width:34px;height:34px;padding:0;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-sm)}.icon:hover:not(:disabled){border-color:#b7c4d6;background:#fbfcfe}.image-field,.checklist-editor,.table-editor{display:grid;gap:10px}.check-row,.table-tools{display:flex;align-items:center;gap:8px}.check-row input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;accent-color:var(--accent)}.check-row input[type=text],.check-row input:not([type]){flex:1}.table-scroll,.preview-table-wrap{max-width:100%;overflow-x:auto}.table-editor table,.preview-table{width:100%;min-width:520px;border-collapse:collapse}.table-editor th,.table-editor td,.preview-table th,.preview-table td{border:1px solid var(--line);padding:9px 10px;text-align:left;vertical-align:top}.table-editor th,.preview-table th{background:var(--soft);font-weight:700}.table-editor input{border:0;border-radius:0;padding:4px;background:transparent}.image-field img,.preview-media img{max-width:100%;border-radius:var(--radius-sm);border:1px solid var(--line)}.image-field img{max-height:220px;object-fit:contain}.image-placeholder{display:grid;place-items:center;height:150px;border:1px dashed #b8c5d4;border-radius:var(--radius-sm);color:var(--muted);background:var(--soft)}.manual-preview{margin-top:12px}.manual-preview header{border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:14px}.preview-section{padding:8px 0}.preview-section.block-highlight,.preview-media.block-highlight{outline:3px solid var(--accent);outline-offset:6px;border-radius:var(--radius-sm);transition:outline-color .4s ease}.preview-section h2,.preview-section h3{margin:8px 0;letter-spacing:-.01em}.preview-section p{margin:7px 0}.preview-section code{background:var(--soft);padding:1px 5px;border-radius:4px}.preview-checklist{display:grid;gap:8px;list-style:none;margin:0;padding:0}.preview-checklist li{display:flex;align-items:flex-start;gap:8px}.preview-checklist input[type=checkbox]{width:18px;height:18px;flex:0 0 auto;margin-top:2px;accent-color:var(--accent)}.preview-checklist span{flex:1}.md-gap{height:4px}.preview-media{margin:12px 0}.preview-media iframe{width:100%;min-height:320px;border:0;border-radius:var(--radius-sm)}.segmented{display:inline-grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden;background:var(--soft)}.segmented button{background:transparent;padding:9px 14px;color:#334155;font-weight:650;border-radius:0}.segmented .active{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.options{display:grid;gap:8px}.options label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 12px;font-weight:600;transition:border-color var(--ease),background-color var(--ease)}.options label:hover{border-color:#b7c4d6}.options label.checked{border-color:#7aa7f7;background:var(--accent-soft)}.options input{width:auto;accent-color:var(--accent)}.result-box{border:1px solid var(--line);border-radius:var(--radius-md);padding:18px;background:var(--surface)}.pass{color:var(--green)}.fail{color:var(--red)}.answer-list,.result-box{display:grid;gap:10px}.answer-row{display:grid;gap:3px;border-top:1px solid var(--line-soft);padding-top:10px}.result-card summary{cursor:pointer}.result-card summary>span{display:grid;gap:2px}.stat-grid{grid-template-columns:repeat(5,minmax(140px,1fr))}.role-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.cost-grid{margin:14px 0;grid-template-columns:repeat(4,minmax(140px,1fr))}.stat-card{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);padding:16px 18px;box-shadow:var(--shadow-sm);transition:box-shadow var(--ease),border-color var(--ease)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#d3dae5}.stat-card span{color:var(--muted);font-size:.82rem;font-weight:600}.stat-card strong{display:block;margin-top:8px;font-size:1.9rem;letter-spacing:-.02em;color:var(--ink)}.dashboard-grid{grid-template-columns:repeat(5,minmax(130px,1fr))}.todo-row,.quick-card,.next-shift{border-top:1px solid var(--line-soft);padding:12px 0}.todo-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--ink);text-decoration:none;border-radius:var(--radius-sm);padding-left:4px;padding-right:4px}.todo-row:hover{color:var(--accent);background:var(--accent-soft)}.todo-row span,.next-shift span,.next-shift small{display:block;color:var(--muted);font-size:.86rem;margin-top:3px}.quick-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:10px}.quick-card{border:1px solid var(--line);border-radius:var(--radius-md);padding:14px;display:flex;align-items:center;gap:8px;color:var(--ink);text-decoration:none;background:var(--surface);font-weight:600;box-shadow:var(--shadow-sm)}.quick-card:hover{border-color:#9fb3c8;color:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.mini-row,.request-row,.work-row,.notice-item,.user-row{padding:12px 0;border-top:1px solid var(--line-soft)}.request-row span,.work-row span{display:block;color:var(--muted);font-size:.86rem}.work-row,.notice-item{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.notice-item h4,.notice-item p{margin:4px 0}.user-row{display:grid;grid-template-columns:1fr 160px 100px}.user-row span{display:block;color:var(--muted);font-size:.86rem}.switch{display:flex;align-items:center;gap:8px}.switch input{width:auto;accent-color:var(--accent)}.strong-switch{color:var(--ink);font-weight:800}.inline-head{margin-bottom:0}.profile-form{grid-template-columns:repeat(2,minmax(220px,1fr))}.form-actions{grid-column:1 / -1;display:flex;justify-content:flex-end}.empty{padding:40px 34px;text-align:center;box-shadow:none;background:var(--soft);border-style:dashed}.empty-mark{margin:0 auto 14px;width:72px;height:38px;display:grid;place-items:center;border-radius:var(--radius-sm);background:linear-gradient(155deg,#1f2a3d,#0f1520);color:#fff;font-weight:800;box-shadow:var(--shadow-sm)}.empty h3{margin:0 0 6px}.empty p{margin:0;color:var(--muted)}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:10;height:auto;padding:12px 16px}.sidebar a.active:before{display:none}.sidebar nav{grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto}.brand{display:none}.topbar,.section-head,.manual-card-main,.folder-detail,.test-head,.work-row,.notice-item{align-items:flex-start;flex-direction:column}.manual-workspace,.manual-tools{grid-template-columns:1fr}.manual-actions,.actions,.top-actions{width:100%}.manual-actions button,.actions button,.top-actions button,.search{flex:1}.stat-grid,.role-grid,.cost-grid,.profile-form,.two-column,.user-row{grid-template-columns:1fr}.form-actions{justify-content:stretch}.form-actions button{width:100%}}
