:root{font-family:Pretendard,system-ui,-apple-system,sans-serif;line-height:1.6;font-weight:400;color:#1a1a2e;background-color:#f5f5f7}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh}a{color:#4361ee;text-decoration:none}a:hover{color:#3a56d4}h1{font-size:1.8em;line-height:1.3;margin-bottom:.5rem}h2{font-size:1.3em;margin-bottom:.5rem;color:#333}h3{font-size:1.1em;margin-bottom:.4rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:.8rem 2rem;background:#fff;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:100}.nav-brand{font-weight:700;font-size:1.2em;color:#4361ee}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#666;font-weight:500;padding:.3rem 0}.nav-links a.active{color:#4361ee;border-bottom:2px solid #4361ee}.main-content{max-width:900px;margin:0 auto;padding:2rem}.subtitle{color:#666;margin-bottom:1.25rem}.model-select{display:flex;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.model-select-label{color:#333;font-weight:600;font-size:.95em}.model-options{display:flex;flex-wrap:wrap;gap:.5rem}.model-option{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border:1px solid #ddd;border-radius:999px;background:#fff;color:#444;font-size:.9em;font-weight:500;cursor:pointer;transition:all .15s}.model-option:hover{border-color:#4361ee;color:#4361ee}.model-option.selected{background:#4361ee;border-color:#4361ee;color:#fff}.model-badge{font-size:.78em;font-weight:600;padding:.05rem .4rem;border-radius:6px;background:#00000014}.model-option.selected .model-badge{background:#ffffff38}.btn{display:inline-flex;align-items:center;padding:.5rem 1rem;border:1px solid #ddd;border-radius:6px;background:#fff;color:#333;font-size:.9em;cursor:pointer;transition:all .15s}.btn:hover{background:#f0f0f0;border-color:#bbb}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:.25rem .5rem;font-size:.8em}.btn-record{background:#ef4444;color:#fff;border-color:#ef4444;font-size:1.1em;padding:.8rem 2rem}.btn-record:hover{background:#dc2626}.btn-stop{background:#6b7280;color:#fff;border-color:#6b7280}.btn-pause{background:#f59e0b;color:#fff;border-color:#f59e0b}.btn-resume{background:#10b981;color:#fff;border-color:#10b981}.btn-copy{background:#4361ee;color:#fff;border-color:#4361ee}.btn-copy:hover{background:#3a56d4}.btn-copy-sm{background:#4361ee;color:#fff;border-color:#4361ee;padding:.2rem .5rem;font-size:.75em}.btn-secondary{background:#f3f4f6;color:#374151}.btn-back{background:none;border:none;color:#4361ee;padding:0;font-size:.9em}.btn-delete{background:none;border:none;color:#ef4444;font-size:.8em;padding:.2rem .5rem}.btn-delete:hover{background:#fef2f2}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;cursor:pointer;line-height:0}.btn-icon svg{display:block}.btn-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.btn-danger:hover{background:#fee2e2}.meeting-card.trashed{background:#fafafa;opacity:.95}.status-badge.trash-remaining{background:#fef3c7;color:#92400e}.meeting-date-input{display:flex;align-items:center;gap:.8rem;margin-bottom:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.8rem 1.2rem}.meeting-date-input label{font-weight:600;font-size:.9em;color:#374151;white-space:nowrap}.meeting-date-input input{border:1px solid #d1d5db;border-radius:6px;padding:.4rem .6rem;font-size:.9em;outline:none;color:#1a1a2e}.meeting-date-input input:focus{border-color:#4361ee}.participants-section{margin-bottom:1.5rem}.participants-input{width:100%;padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95em;outline:none;margin-bottom:.4rem}.participants-input:focus{border-color:#4361ee}.participants-hint{font-size:.8em;color:#9ca3af}.input-sections{display:flex;flex-direction:column;gap:1.5rem}.input-section{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb}.divider{text-align:center;color:#9ca3af;font-size:.9em}.recorder{text-align:center}.recorder-time{font-size:2.5em;font-weight:600;font-variant-numeric:tabular-nums;margin-bottom:.5rem}.recorder-indicator{font-size:.9em;margin-bottom:1rem}.recorder-indicator.active{color:#ef4444}.recorder-indicator.paused{color:#f59e0b}.recorder-controls{display:flex;gap:.8rem;justify-content:center}.file-upload{border:2px dashed #d1d5db;border-radius:12px;padding:2rem;text-align:center;cursor:pointer;transition:all .2s}.file-upload:hover,.file-upload.drag-active{border-color:#4361ee;background:#f0f4ff}.file-placeholder p{color:#6b7280}.file-formats{font-size:.8em;color:#9ca3af;margin-top:.3rem}.file-info{display:flex;justify-content:center;gap:1rem}.file-name{font-weight:500}.file-size{color:#6b7280}.progress-container{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb}.progress-stage{font-size:1.1em;font-weight:600;margin-bottom:1rem}.progress-bar-bg{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar-fill{height:100%;background:#4361ee;border-radius:4px;transition:width .5s ease}.progress-detail{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85em;color:#6b7280}.progress-error{margin-top:1rem;padding:.8rem;background:#fef2f2;color:#ef4444;border-radius:8px}.meeting-header{margin-bottom:1.5rem}.meeting-header h1{margin-top:.5rem}.meeting-meta{color:#6b7280;font-size:.9em;display:flex;gap:1rem}.meeting-view-actions{margin-bottom:1rem;display:flex;gap:.5rem}.meeting-content{background:#fff;border-radius:12px;padding:2rem;border:1px solid #e5e7eb;line-height:1.8}.meeting-section{position:relative}.meeting-section .btn-copy-sm{position:absolute;top:0;right:0;opacity:0;transition:opacity .2s}.meeting-section:hover .btn-copy-sm{opacity:1}.meeting-content h2{font-size:1.4em;margin:1.5rem 0 .5rem;border-bottom:1px solid #e5e7eb;padding-bottom:.3rem}.meeting-content h3{font-size:1.1em;margin:1.2rem 0 .4rem;color:#374151}.meeting-content ul{padding-left:1.5rem}.meeting-content li{margin-bottom:.3rem}.meeting-content p{margin-bottom:.6rem}.transcript-toggle{margin-top:1rem;display:flex;gap:.5rem;align-items:center}.transcript-content{margin-top:.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;font-size:.85em;white-space:pre-wrap;max-height:400px;overflow-y:auto;line-height:1.6}.speaker-editor{background:#fff;border-radius:12px;padding:1.5rem;border:1px solid #e5e7eb;margin-bottom:1.5rem}.speaker-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.speaker-row{display:flex;align-items:center;gap:.5rem}.speaker-key{font-family:monospace;color:#6b7280;min-width:100px;font-size:.85em}.speaker-arrow{color:#9ca3af}.speaker-name{cursor:pointer;padding:.25rem .5rem;border-radius:4px;border:1px solid transparent}.speaker-name:hover{background:#f3f4f6;border-color:#d1d5db}.speaker-input{padding:.25rem .5rem;border:1px solid #4361ee;border-radius:4px;outline:none;font-size:.95em}.search-bar{margin-bottom:1rem}.search-bar input{width:100%;padding:.7rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95em;outline:none}.search-bar input:focus{border-color:#4361ee}.date-filter{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.date-filter-count{font-size:.85em;color:#6b7280;margin-left:.3rem}.date-filter .btn-today,.date-filter .btn-reset{padding:.45rem .85rem;font-size:.85em;border-radius:8px;cursor:pointer;border:1px solid #d1d5db;background:#f9fafb;color:#374151}.date-filter .btn-today:hover,.date-filter .btn-reset:hover{background:#f3f4f6}.date-filter .btn-today{background:#eef2ff;color:#4361ee;border-color:#c7d2fe}.date-filter .btn-today:hover{background:#e0e7ff}.date-range-picker{position:relative;display:inline-flex;gap:.5rem;align-items:center}.drp-trigger{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:.9em;color:#374151;cursor:pointer}.drp-trigger:hover{border-color:#9ca3af}.drp-trigger.has-value{border-color:#4361ee;color:#4361ee}.drp-trigger svg{flex-shrink:0}.drp-popover{position:absolute;top:calc(100% + 6px);left:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px #0000001f;padding:.8rem;z-index:100;width:280px}.drp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.drp-title{font-size:.95em;font-weight:600;color:#1f2937}.drp-nav{background:none;border:none;width:28px;height:28px;border-radius:6px;font-size:1.2em;color:#6b7280;cursor:pointer;line-height:1}.drp-nav:hover{background:#f3f4f6;color:#1f2937}.drp-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:4px}.drp-weekday{text-align:center;font-size:.75em;color:#9ca3af;padding:4px 0}.drp-weekday:first-child{color:#ef4444}.drp-weekday:last-child{color:#3b82f6}.drp-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.drp-day{aspect-ratio:1;background:none;border:none;border-radius:6px;font-size:.85em;color:#1f2937;cursor:pointer;padding:0}.drp-day:hover{background:#eef2ff}.drp-day.other-month{color:#d1d5db}.drp-day.today{font-weight:700;color:#4361ee}.drp-day.in-range{background:#eef2ff;color:#4361ee;border-radius:0}.drp-day.range-start,.drp-day.range-end{background:#4361ee;color:#fff;font-weight:600}.drp-day.range-start{border-radius:6px 0 0 6px}.drp-day.range-end{border-radius:0 6px 6px 0}.drp-day.range-start.range-end{border-radius:6px}.drp-day.pending{outline:2px solid #4361ee;outline-offset:-2px}.drp-footer{display:flex;gap:.4rem;justify-content:flex-end;margin-top:.6rem;padding-top:.6rem;border-top:1px solid #f3f4f6}.drp-footer .btn-sm{padding:.3rem .6rem;font-size:.8em;border:1px solid #e5e7eb;background:#fff;border-radius:6px;cursor:pointer;color:#374151}.drp-footer .btn-sm:hover{background:#f9fafb}.card-meta .author-badge{padding:.15rem .6rem;background:#eef2ff;color:#4361ee;border-radius:12px;font-size:.78em;font-weight:500;white-space:nowrap}.meeting-meta .author{color:#4361ee;font-weight:500}.empty-state{text-align:center;color:#9ca3af;padding:3rem}.meeting-cards{display:flex;flex-direction:column;gap:.8rem}.meeting-card{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:1rem 1.2rem;cursor:pointer;transition:all .15s;position:relative}.meeting-card:hover{border-color:#4361ee;box-shadow:0 2px 8px #4361ee14}.card-header{display:flex;justify-content:space-between;align-items:center}.card-header h3{font-size:1em}.card-meta{display:flex;gap:1rem;font-size:.8em;color:#6b7280;margin-top:.4rem}.status-badge{font-size:.75em;padding:.15rem .5rem;border-radius:12px;font-weight:500}.status-badge.completed{background:#ecfdf5;color:#059669}.status-badge.processing{background:#eff6ff;color:#2563eb}.status-badge.pending{background:#f3f4f6;color:#6b7280}.status-badge.failed{background:#fef2f2;color:#dc2626}.card-actions{display:flex;align-items:center;gap:.5rem}.meeting-card .btn-delete{opacity:.6}.meeting-card .btn-delete:hover{opacity:1}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.recording-bar{position:fixed;bottom:0;left:0;right:0;background:#1a1a2e;color:#fff;display:flex;align-items:center;justify-content:center;gap:1.2rem;padding:.6rem 1.5rem;z-index:200;box-shadow:0 -2px 10px #00000026}.recording-bar-indicator{display:flex;align-items:center;gap:.5rem}.recording-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.recording-dot.active{background:#ef4444;animation:pulse-dot 1s ease-in-out infinite}.recording-dot.paused{background:#f59e0b}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.recording-bar-status{font-size:.85em;font-weight:500}.recording-bar-time{font-size:1.1em;font-weight:600;font-variant-numeric:tabular-nums}.recording-bar-controls{display:flex;gap:.5rem}.uploading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2em;z-index:999}@media (hover: none){.meeting-card .btn-delete,.meeting-section .btn-copy-sm{opacity:1}}@media (max-width: 1024px){.main-content{max-width:100%;padding:1.5rem}}@media (max-width: 768px){h1{font-size:1.4em}h2{font-size:1.15em}.nav{padding:.6rem 1rem}.nav-brand{font-size:1.05em}.nav-links{gap:1rem}.nav-links a{font-size:.9em}.main-content{padding:1rem}.input-section{padding:1.2rem}.file-upload{padding:1.5rem 1rem}.recorder-time{font-size:2.2em}.btn-record{padding:.7rem 1.8rem;font-size:1em}.meeting-content{padding:1.2rem}.meeting-content h2{font-size:1.2em;margin:1.2rem 0 .4rem}.speaker-editor{padding:1.2rem}.progress-container{padding:1.5rem}.transcript-content{max-height:350px}}@media (max-width: 480px){h1{font-size:1.25em}h2{font-size:1.05em}h3{font-size:.95em}.nav{padding:.5rem .8rem}.nav-brand{font-size:.95em}.nav-links{gap:.8rem}.nav-links a{font-size:.85em;padding:.2rem 0}.main-content{padding:.8rem}.subtitle{font-size:.9em;margin-bottom:1.2rem}.btn{padding:.45rem .8rem;font-size:.85em}.btn-record{padding:.7rem 1.5rem;font-size:1em}.btn-stop,.btn-pause,.btn-resume{padding:.5rem 1rem}.input-sections{gap:1rem}.input-section{padding:1rem;border-radius:10px}.divider{font-size:.85em}.recorder-time{font-size:2em}.recorder-controls{flex-wrap:wrap;gap:.6rem}.file-upload{padding:1.2rem .8rem;border-radius:10px}.file-placeholder p{font-size:.9em}.file-info{flex-direction:column;gap:.3rem}.progress-container{padding:1rem;border-radius:10px}.progress-stage{font-size:1em}.progress-detail{flex-direction:column;gap:.2rem}.meeting-header h1{font-size:1.2em}.meeting-meta{flex-direction:column;gap:.3rem;font-size:.85em}.meeting-view-actions{flex-wrap:wrap;gap:.4rem}.meeting-content{padding:1rem;border-radius:10px;line-height:1.7}.meeting-content h2{font-size:1.15em;margin:1rem 0 .4rem}.meeting-content h3{font-size:1em}.meeting-content ul{padding-left:1.2rem}.meeting-section .btn-copy-sm{position:static;margin-bottom:.3rem}.transcript-toggle{flex-wrap:wrap}.transcript-content{font-size:.78em;max-height:280px;padding:.8rem}.speaker-editor{padding:1rem;border-radius:10px}.speaker-row{flex-wrap:wrap;gap:.3rem}.speaker-key{min-width:auto;font-size:.8em}.speaker-arrow{display:none}.speaker-input{width:100%}.meeting-card{padding:.8rem 1rem;border-radius:8px}.card-header{flex-direction:column;align-items:flex-start;gap:.3rem}.card-header h3{font-size:.95em;word-break:break-word}.card-actions{align-self:flex-end;margin-top:-1.2rem}.card-meta{flex-wrap:wrap;gap:.4rem;font-size:.78em}.search-bar input{padding:.6rem .8rem;font-size:.9em}.pagination{gap:.5rem;font-size:.9em}.empty-state{padding:2rem 1rem;font-size:.9em}}@media (max-width: 360px){.nav{flex-direction:column;gap:.3rem;align-items:stretch;text-align:center}.nav-links{justify-content:center}.main-content{padding:.6rem}.recorder-time{font-size:1.7em}.btn-record{padding:.6rem 1.2rem;font-size:.95em}.meeting-content,.meeting-card{padding:.7rem}.card-header h3{font-size:.9em}}@media (max-height: 500px) and (orientation: landscape){.nav{padding:.3rem 1rem}.main-content{padding:.5rem 1rem}.recorder-time{font-size:1.5em;margin-bottom:.3rem}.recorder-indicator{margin-bottom:.5rem}.input-section{padding:.8rem}}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px);padding:2rem}.auth-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:2.5rem;width:100%;max-width:420px}.auth-card h1{text-align:center;margin-bottom:.3rem}.auth-subtitle{text-align:center;color:#6b7280;margin-bottom:1.5rem;font-size:.9em}.auth-error{background:#fef2f2;color:#dc2626;padding:.6rem 1rem;border-radius:8px;font-size:.85em;margin-bottom:1rem}.auth-field{margin-bottom:1rem}.auth-field label{display:block;font-weight:500;font-size:.9em;margin-bottom:.3rem;color:#374151}.auth-field input{width:100%;padding:.6rem .8rem;border:1px solid #d1d5db;border-radius:8px;font-size:.95em;outline:none}.auth-field input:focus{border-color:#4361ee}.btn-primary{background:#4361ee;color:#fff;border-color:#4361ee}.btn-primary:hover{background:#3a56d4}.btn-primary:disabled{background:#93a5f5;border-color:#93a5f5}.auth-submit{width:100%;padding:.7rem;font-size:1em;margin-top:.5rem}.auth-link{text-align:center;margin-top:1.2rem;font-size:.9em;color:#6b7280}.nav-user{display:flex;align-items:center;gap:.8rem}.nav-user-name{font-size:.9em;color:#374151;font-weight:500}.users-table-wrap{overflow-x:auto}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden;border:1px solid #e5e7eb}.users-table th,.users-table td{padding:.7rem 1rem;text-align:left;border-bottom:1px solid #f3f4f6;font-size:.9em}.users-table th{background:#f9fafb;font-weight:600;color:#374151}.inactive-row{opacity:.5}.role-badge{font-size:.75em;padding:.15rem .5rem;border-radius:12px;font-weight:500}.role-badge.admin{background:#eff6ff;color:#2563eb}.role-badge.user{background:#f3f4f6;color:#6b7280}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:.4rem}.status-dot.active{background:#10b981}.status-dot.inactive{background:#9ca3af}.user-actions{display:flex;gap:.4rem}@media (max-width: 480px){.auth-card{padding:1.5rem}.nav-user-name{display:none}.users-table th,.users-table td{padding:.5rem .6rem;font-size:.8em}.user-actions{flex-direction:column}}