:root{--krds-primary-0: #f0f7ff;--krds-primary-10: #e0f0ff;--krds-primary-20: #bae0ff;--krds-primary-30: #91d0ff;--krds-primary-40: #69c0ff;--krds-primary-50: #40a9ff;--krds-primary-60: #1890ff;--krds-primary-70: #0070e0;--krds-primary-80: #0058b8;--krds-primary-90: #003d80;--krds-primary-95: #002855;--krds-primary-100: #001529;--krds-secondary-0: #fafafa;--krds-secondary-10: #f5f5f5;--krds-secondary-20: #e8e8e8;--krds-secondary-30: #d9d9d9;--krds-secondary-40: #bfbfbf;--krds-secondary-50: #8c8c8c;--krds-secondary-60: #595959;--krds-secondary-70: #434343;--krds-secondary-80: #262626;--krds-secondary-90: #1f1f1f;--krds-secondary-95: #141414;--krds-secondary-100: #000000;--krds-gray-0: #ffffff;--krds-gray-5: #fafbfc;--krds-gray-10: #f5f7fa;--krds-gray-20: #e9ecf1;--krds-gray-30: #d1d6de;--krds-gray-40: #b8bfca;--krds-gray-50: #9ba3af;--krds-gray-60: #6b7280;--krds-gray-70: #4b5563;--krds-gray-80: #374151;--krds-gray-90: #1f2937;--krds-gray-95: #111827;--krds-gray-100: #030712;--krds-danger-50: #fef2f2;--krds-danger-60: #ef4444;--krds-danger-70: #dc2626;--krds-warning-50: #fffbeb;--krds-warning-60: #f59e0b;--krds-warning-70: #d97706;--krds-success-50: #f0fdf4;--krds-success-60: #10b981;--krds-success-70: #059669;--krds-info-50: #eff6ff;--krds-info-60: #3b82f6;--krds-info-70: #2563eb;--krds-font-family-base: "Pretendard", "Noto Sans KR", "Apple SD Gothic Neo", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", Arial, sans-serif;--krds-font-family-mono: "Fira Code", "Monaco", "Consolas", "Courier New", monospace;--krds-font-size-xs: .75rem;--krds-font-size-sm: .875rem;--krds-font-size-base: 1rem;--krds-font-size-md: 1.125rem;--krds-font-size-lg: 1.25rem;--krds-font-size-xl: 1.5rem;--krds-font-size-2xl: 1.875rem;--krds-font-size-3xl: 2.25rem;--krds-font-size-4xl: 3rem;--krds-font-weight-regular: 400;--krds-font-weight-medium: 500;--krds-font-weight-semibold: 600;--krds-font-weight-bold: 700;--krds-line-height-tight: 1.25;--krds-line-height-normal: 1.5;--krds-line-height-relaxed: 1.75;--krds-line-height-loose: 2;--krds-spacing-0: 0;--krds-spacing-1: .25rem;--krds-spacing-2: .5rem;--krds-spacing-3: .75rem;--krds-spacing-4: 1rem;--krds-spacing-5: 1.25rem;--krds-spacing-6: 1.5rem;--krds-spacing-8: 2rem;--krds-spacing-10: 2.5rem;--krds-spacing-12: 3rem;--krds-spacing-16: 4rem;--krds-spacing-20: 5rem;--krds-radius-none: 0;--krds-radius-sm: .25rem;--krds-radius-md: .5rem;--krds-radius-lg: .75rem;--krds-radius-xl: 1rem;--krds-radius-full: 9999px;--krds-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--krds-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--krds-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--krds-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--krds-color-background-primary: var(--krds-gray-0);--krds-color-background-secondary: var(--krds-gray-5);--krds-color-background-tertiary: var(--krds-gray-10);--krds-color-background-inverse: var(--krds-gray-90);--krds-color-text-primary: var(--krds-gray-90);--krds-color-text-secondary: var(--krds-gray-70);--krds-color-text-tertiary: var(--krds-gray-60);--krds-color-text-inverse: var(--krds-gray-0);--krds-color-text-disabled: var(--krds-gray-40);--krds-color-border-light: var(--krds-gray-20);--krds-color-border-default: var(--krds-gray-30);--krds-color-border-strong: var(--krds-gray-40);--krds-color-interactive-primary: var(--krds-primary-60);--krds-color-interactive-primary-hover: var(--krds-primary-70);--krds-color-interactive-primary-active: var(--krds-primary-80);--krds-color-focus-outline: var(--krds-primary-60);--krds-focus-ring: 0 0 0 3px rgba(24, 144, 255, .2);--krds-button-padding-x: var(--krds-spacing-4);--krds-button-padding-y: var(--krds-spacing-2);--krds-button-radius: var(--krds-radius-md);--krds-button-font-weight: var(--krds-font-weight-medium);--krds-card-padding: var(--krds-spacing-6);--krds-card-radius: var(--krds-radius-lg);--krds-card-shadow: var(--krds-shadow-md);--krds-card-background: var(--krds-gray-0);--krds-card-border: var(--krds-color-border-light);--krds-input-padding-x: var(--krds-spacing-3);--krds-input-padding-y: var(--krds-spacing-2);--krds-input-radius: var(--krds-radius-md);--krds-input-border: var(--krds-color-border-default);--krds-input-background: var(--krds-gray-0);--krds-header-height: 64px;--krds-header-background: var(--krds-gray-0);--krds-header-border: var(--krds-color-border-light);--krds-sidebar-width: 240px;--krds-sidebar-background: var(--krds-gray-0);--krds-sidebar-border: var(--krds-color-border-light);--krds-touch-target-min: 44px;--krds-transition-fast: .15s ease-in-out;--krds-transition-base: .2s ease-in-out;--krds-transition-slow: .3s ease-in-out}@media(prefers-contrast:high){:root{--krds-color-text-primary: var(--krds-gray-100);--krds-color-text-secondary: var(--krds-gray-80);--krds-color-border-default: var(--krds-gray-50);--krds-button-border-width: 2px}}@media(prefers-reduced-motion:reduce){:root{--krds-transition-fast: 0ms;--krds-transition-base: 0ms;--krds-transition-slow: 0ms}*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--krds-font-family-base);font-size:var(--krds-font-size-base);line-height:var(--krds-line-height-normal);font-weight:var(--krds-font-weight-regular);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;background:var(--krds-color-background-secondary);color:var(--krds-color-text-primary)}#root{min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:var(--krds-font-weight-semibold);line-height:var(--krds-line-height-tight);color:var(--krds-color-text-primary)}h1{font-size:var(--krds-font-size-3xl)}h2{font-size:var(--krds-font-size-2xl)}h3{font-size:var(--krds-font-size-xl)}h4{font-size:var(--krds-font-size-lg)}h5{font-size:var(--krds-font-size-md)}h6{font-size:var(--krds-font-size-base)}p{margin:0;line-height:var(--krds-line-height-relaxed)}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;outline:none;cursor:pointer;min-height:var(--krds-touch-target-min);transition:all var(--krds-transition-base)}button:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:2px;box-shadow:var(--krds-focus-ring)}input,select,textarea{font-family:inherit;font-size:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--krds-gray-10)}::-webkit-scrollbar-thumb{background:var(--krds-gray-40);border-radius:var(--krds-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--krds-gray-50)}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:var(--krds-spacing-1)}.mt-2{margin-top:var(--krds-spacing-2)}.mt-3{margin-top:var(--krds-spacing-3)}.mt-4{margin-top:var(--krds-spacing-4)}.mt-6{margin-top:var(--krds-spacing-6)}.mt-8{margin-top:var(--krds-spacing-8)}.mb-1{margin-bottom:var(--krds-spacing-1)}.mb-2{margin-bottom:var(--krds-spacing-2)}.mb-3{margin-bottom:var(--krds-spacing-3)}.mb-4{margin-bottom:var(--krds-spacing-4)}.mb-6{margin-bottom:var(--krds-spacing-6)}.mb-8{margin-bottom:var(--krds-spacing-8)}.p-1{padding:var(--krds-spacing-1)}.p-2{padding:var(--krds-spacing-2)}.p-3{padding:var(--krds-spacing-3)}.p-4{padding:var(--krds-spacing-4)}.p-6{padding:var(--krds-spacing-6)}.p-8{padding:var(--krds-spacing-8)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.focus-visible:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:2px;box-shadow:var(--krds-focus-ring)}.badge{display:inline-block;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;white-space:nowrap;letter-spacing:.3px}.badge-primary{background:var(--krds-primary-40);color:var(--krds-primary-95);border:1px solid var(--krds-primary-60)}.badge-secondary{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #9ca3af}.badge-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid var(--krds-success-60)}.badge-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid var(--krds-danger-60)}.badge-gray{background:#f3f4f6;color:#6b7280;border:1px solid #d1d5db}.role-badge{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border-radius:16px;font-size:12px;font-weight:600;border:1px solid var(--krds-info-60);letter-spacing:.3px}.modal-overlay{position:fixed;inset:0;background:#00000080;z-index:9998;animation:fadeIn .2s ease-out}.modal-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;z-index:9999;min-width:400px;max-width:500px;animation:modalSlideIn .3s ease-out}@keyframes modalSlideIn{0%{transform:translate(-50%,-45%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 16px;border-bottom:1px solid #f3f4f6}.modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0}.modal-title{font-size:18px;font-weight:700;color:#111827;margin:0}.modal-success .modal-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.modal-error .modal-icon{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.modal-warning .modal-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.modal-info .modal-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.modal-confirm .modal-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.modal-body{padding:20px 24px}.modal-message{font-size:15px;font-weight:400;color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.modal-footer{display:flex;gap:12px;justify-content:flex-end;padding:16px 24px 24px;border-top:1px solid #f3f4f6}.modal-btn{padding:10px 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;height:auto;min-height:auto!important}.modal-btn-cancel{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-btn-cancel:hover{background:#f9fafb;border-color:#9ca3af}.modal-btn-confirm,.modal-btn-ok{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.modal-btn-confirm:hover,.modal-btn-ok:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666}@media(max-width:640px){.modal-dialog{min-width:auto;width:calc(100% - 32px);max-width:calc(100% - 32px)}.modal-header{padding:20px 20px 12px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px 20px}.modal-btn{flex:1}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:10px;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay .modal-content{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;width:100%;max-height:95vh!important;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal-overlay .modal-content.modal-large{max-width:800px}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;flex-shrink:0}.modal-title{font-size:20px;font-weight:600;color:#111827;margin:0}.modal-close{width:32px;height:32px;min-height:32px!important;border:none;background:transparent;color:#6b7280;font-size:20px;cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#f3f4f6;color:#111827}.modal-close:disabled{opacity:.5;cursor:not-allowed}.modal-body{padding:24px;overflow-y:auto;flex:1;min-height:0}.form-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid #f3f4f6}.form-section:last-of-type{margin-bottom:0;padding-bottom:0;border-bottom:none}.form-section-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 16px}.form-row{display:flex;gap:16px;margin-bottom:16px}.form-row:last-child{margin-bottom:0}.form-row .form-group{flex:1;margin-bottom:0}.form-group{margin-bottom:20px}.form-group:last-of-type{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:6px}.required{color:#ef4444;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:0 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;color:#111827;background:#f9fafb;transition:all .2s}.form-input,.form-select{height:40px}.form-textarea{padding:10px 14px;font-family:inherit;line-height:1.5}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;background:#fff}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:20px;padding-right:36px}.alert{padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #fecaca;box-shadow:0 2px 4px #dc26261a}.modal-footer{display:flex;justify-content:flex-end;gap:8px;padding:24px;border-top:1px solid #e5e7eb;flex-shrink:0;margin-top:0}.modal-footer .btn{height:40px;min-height:40px;padding:0 24px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;min-width:90px}.modal-footer .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f64d}.modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 8px #3b82f666}.modal-footer .btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.modal-footer .btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.modal-footer .btn:disabled{opacity:.6;cursor:not-allowed}.modal-container-with-viewer{display:flex;gap:1px;max-width:95vw;max-height:95vh;width:auto}.modal-container-with-viewer.has-viewer .modal-content{max-width:800px;width:800px}.file-viewer{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;width:600px;max-width:600px;min-width:600px;display:flex;flex-direction:column;overflow:hidden;animation:slideUp .2s ease-out}.file-viewer-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5e7eb;background:#f9fafb;flex-shrink:0}.file-viewer-title{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.file-icon{font-size:20px;flex-shrink:0}.file-name{font-size:14px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-remove-button{width:28px;height:28px;border:none;background:transparent;color:#6b7280;font-size:18px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0}.file-remove-button:hover{background:#e5e7eb;color:#111827}.file-viewer-content{flex:1;overflow:auto;background:#f3f4f6;display:flex;align-items:center;justify-content:center;padding:20px}.file-viewer-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:4px;box-shadow:0 4px 6px #0000001a}.file-viewer-pdf{width:100%;height:100%;border:none;border-radius:4px;background:#fff;box-shadow:0 4px 6px #0000001a}.file-upload-area{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #d1d5db;border-radius:8px;background:#fafafa;cursor:pointer;transition:all .3s ease;padding:40px 20px}.file-upload-area:hover{border-color:#3b82f6;background:#f0f9ff}.file-upload-area.dragging{border-color:#10b981;background:#ecfdf5;transform:scale(1.02)}.file-upload-area.uploading{border-color:#6b7280;background:#f9fafb;cursor:wait}.upload-icon{font-size:64px;margin-bottom:16px;opacity:.6;transition:all .3s ease}.file-upload-area:hover .upload-icon{transform:scale(1.1);opacity:.8}.file-upload-area.dragging .upload-icon{transform:scale(1.2);opacity:1}.upload-text{font-size:16px;font-weight:600;color:#374151;margin:0 0 8px}.upload-hint{font-size:14px;color:#9ca3af;margin:0}.upload-spinner{width:48px;height:48px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.file-upload-area.uploading p{color:#6b7280;font-size:14px;font-weight:500;margin:0}.file-viewer-footer{padding:16px 20px;border-top:1px solid #e5e7eb;background:#f9fafb;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;gap:12px}.file-info{display:flex;align-items:center;gap:8px;flex:1;overflow:hidden}.file-info-label{font-size:13px;font-weight:600;color:#6b7280;flex-shrink:0}.file-info-name{font-size:13px;font-weight:500;color:#374151;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-info-size{font-size:12px;color:#9ca3af;flex-shrink:0}.file-actions{display:flex;gap:8px;flex-shrink:0}.file-action-btn{height:32px;padding:0 14px;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;justify-content:center;gap:4px;white-space:nowrap}.file-action-btn.download{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 2px 4px #3b82f633}.file-action-btn.download:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 3px 6px #3b82f64d}.file-action-btn.delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 4px #ef444433}.file-action-btn.delete:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 3px 6px #ef44444d}.file-action-btn:active{transform:translateY(1px)}.type-select-container{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;padding:20px 0}.type-select-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb;cursor:pointer;transition:all .2s ease;text-align:center}.type-select-card:hover{border-color:#3b82f6;background:#eff6ff;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f626}.type-select-card.selected{border-color:#3b82f6;background:linear-gradient(135deg,#eff6ff,#dbeafe);box-shadow:0 0 0 4px #3b82f61a}.type-select-icon{font-size:48px;margin-bottom:16px}.type-select-title{font-size:16px;font-weight:600;color:#111827;margin:0 0 8px}.type-select-description{font-size:13px;color:#6b7280;margin:0;line-height:1.5}.modal-container{background:#fff;border-radius:8px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:600px;width:100%;max-height:95vh;display:flex;flex-direction:column;animation:slideUp .2s ease-out}.modal-close-btn{width:32px;height:32px;min-height:32px!important;border:none;background:transparent;color:#6b7280;font-size:24px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;line-height:1}.modal-close-btn:hover{background:#f3f4f6;color:#111827}@media(max-width:640px){.modal-overlay{padding:10px}.modal-overlay .modal-content{max-width:100%;max-height:98vh!important;border-radius:8px}.modal-header{padding:16px 20px}.modal-body{padding:20px}.modal-title{font-size:18px}.modal-container-with-viewer{flex-direction:column;max-width:100%}.modal-container-with-viewer.has-viewer .modal-content{width:100%;max-width:100%}.file-viewer{width:100%;max-width:100%;min-width:100%;max-height:40vh}.file-upload-area{padding:30px 20px}.upload-icon{font-size:48px}.upload-text{font-size:14px}.upload-hint{font-size:12px}.file-viewer-footer{flex-direction:column;align-items:stretch;gap:10px}.file-info{flex-wrap:wrap}.file-actions{justify-content:stretch}.file-action-btn{flex:1}.type-select-container{grid-template-columns:1fr;gap:12px}.type-select-card{padding:24px 20px}.type-select-icon{font-size:40px;margin-bottom:12px}.type-select-title{font-size:15px}.type-select-description{font-size:12px}}.header{height:var(--krds-header-height);background:var(--krds-header-background);border-bottom:1px solid var(--krds-header-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--krds-spacing-6);position:fixed;top:0;left:0;right:0;z-index:100}.header-left{display:flex;align-items:center}.header-title{font-size:var(--krds-font-size-lg);font-weight:var(--krds-font-weight-semibold);color:var(--krds-color-text-primary);margin:0}.header-logo{height:40px;width:auto;object-fit:contain;display:block}.header-right{display:flex;align-items:center;gap:var(--krds-spacing-4)}.header-search{position:relative}.search-input{padding:var(--krds-input-padding-y) var(--krds-input-padding-x);border:1px solid var(--krds-input-border);border-radius:var(--krds-input-radius);background:var(--krds-input-background);width:250px;font-size:var(--krds-font-size-sm);color:var(--krds-color-text-primary);outline:none;transition:all var(--krds-transition-base)}.search-input::placeholder{color:var(--krds-color-text-tertiary)}.search-input:focus{border-color:var(--krds-color-interactive-primary);box-shadow:var(--krds-focus-ring)}.search-input:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:2px}.header-notifications{position:relative}.icon-button{background:none;border:none;font-size:var(--krds-font-size-lg);cursor:pointer;padding:var(--krds-spacing-2);border-radius:var(--krds-radius-md);transition:background var(--krds-transition-base);position:relative;min-width:var(--krds-touch-target-min);min-height:var(--krds-touch-target-min);display:flex;align-items:center;justify-content:center}.icon-button:hover{background:var(--krds-gray-10)}.icon-button:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:2px;box-shadow:var(--krds-focus-ring)}.notification-badge{position:absolute;top:var(--krds-spacing-1);right:var(--krds-spacing-1);background:var(--krds-danger-60);color:var(--krds-color-text-inverse);font-size:var(--krds-font-size-xs);padding:2px 5px;border-radius:var(--krds-radius-full);font-weight:var(--krds-font-weight-semibold)}.header-profile{position:relative}.profile-button{display:flex;align-items:center;gap:var(--krds-spacing-2);background:none;border:none;cursor:pointer;padding:var(--krds-spacing-1);border-radius:var(--krds-radius-md);transition:background var(--krds-transition-base);min-height:var(--krds-touch-target-min)}.profile-button:hover{background:var(--krds-gray-10)}.profile-button:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:2px;box-shadow:var(--krds-focus-ring)}.avatar{width:36px;height:36px;border-radius:var(--krds-radius-full);background:var(--krds-color-interactive-primary);color:var(--krds-color-text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--krds-font-size-xs);font-weight:var(--krds-font-weight-semibold)}.profile-name{font-size:var(--krds-font-size-sm);font-weight:var(--krds-font-weight-medium);color:var(--krds-color-text-primary)}.profile-dropdown{position:absolute;top:100%;right:0;margin-top:var(--krds-spacing-2);background:var(--krds-card-background);border:1px solid var(--krds-card-border);border-radius:var(--krds-card-radius);box-shadow:var(--krds-shadow-lg);min-width:200px;overflow:hidden;z-index:1000}.profile-dropdown-header{padding:var(--krds-spacing-3) var(--krds-spacing-4);background:var(--krds-gray-10)}.profile-dropdown-name{font-size:var(--krds-font-size-sm);font-weight:var(--krds-font-weight-semibold);color:var(--krds-color-text-primary);margin:0 0 var(--krds-spacing-1) 0}.profile-dropdown-role{font-size:var(--krds-font-size-xs);color:var(--krds-color-text-secondary);margin:0;text-transform:capitalize}.profile-dropdown-item{display:block;width:100%;padding:var(--krds-spacing-3) var(--krds-spacing-4);color:var(--krds-color-text-primary);background:none;border:none;text-align:left;font-size:var(--krds-font-size-sm);cursor:pointer;transition:background var(--krds-transition-base)}.profile-dropdown-item:hover{background:var(--krds-gray-10)}.profile-dropdown-item:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:-2px;background:var(--krds-gray-10)}.profile-dropdown-item.logout-item{color:var(--krds-danger-60);font-weight:var(--krds-font-weight-medium)}.profile-dropdown-item.logout-item:hover{background:var(--krds-danger-50);color:var(--krds-danger-70)}.profile-dropdown hr{margin:0;border:none;border-top:1px solid var(--krds-color-border-light)}.sidebar{width:var(--krds-sidebar-width);background:var(--krds-gray-90);height:100vh;position:fixed;left:0;top:var(--krds-header-height);display:flex;flex-direction:column;overflow-y:auto}.sidebar-nav{flex:1;padding:var(--krds-spacing-4) 0}.menu-list{list-style:none;margin:0;padding:0}.menu-item{display:flex;align-items:center;gap:var(--krds-spacing-3);padding:var(--krds-spacing-3) var(--krds-spacing-5);color:var(--krds-gray-40);text-decoration:none;transition:all var(--krds-transition-base);border-left:3px solid transparent;font-size:var(--krds-font-size-sm);min-height:var(--krds-touch-target-min)}.menu-item:hover{background:var(--krds-gray-80);color:var(--krds-color-text-inverse)}.menu-item:focus-visible{outline:2px solid var(--krds-color-focus-outline);outline-offset:-2px;background:var(--krds-gray-80)}.menu-item.active{background:var(--krds-gray-80);color:var(--krds-color-text-inverse);border-left-color:var(--krds-color-interactive-primary)}.menu-icon{font-size:var(--krds-font-size-lg);width:24px;display:flex;align-items:center;justify-content:center}.menu-label{font-weight:var(--krds-font-weight-medium)}.sidebar-footer{padding:var(--krds-spacing-4) var(--krds-spacing-5);border-top:1px solid var(--krds-gray-80)}.sidebar-version{color:var(--krds-gray-60);font-size:var(--krds-font-size-xs);text-align:center}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--krds-gray-90)}.sidebar::-webkit-scrollbar-thumb{background:var(--krds-gray-70);border-radius:var(--krds-radius-sm)}.sidebar::-webkit-scrollbar-thumb:hover{background:var(--krds-gray-60)}.main-layout{min-height:100vh;background:#f9fafb}.main-content{margin-left:250px;margin-top:60px;min-height:calc(100vh - 60px)}.content-wrapper{padding:24px;max-width:100%;margin:0 auto}