:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--sp-10: 40px;--sp-12: 48px;--radius-sm: 6px;--radius: 10px;--radius-lg: 14px;--radius-full: 999px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans KR", Helvetica, Arial, sans-serif;--fs-caption: 12px;--fs-sm: 13px;--fs-body: 14px;--fs-md: 16px;--fs-lg: 18px;--fs-xl: 22px;--fs-2xl: 28px;--lh-tight: 1.3;--lh-normal: 1.55;--z-sidebar: 100;--z-header: 90;--z-modal: 1000;--z-toast: 1100;--t-fast: .15s ease;--t-base: .2s ease;--c-bg: #f6f7f9;--c-surface: #ffffff;--c-surface-2: #f2f4f7;--c-border: #e4e7ec;--c-border-strong: #d0d5dd;--c-text: #101828;--c-text-2: #475467;--c-text-3: #98a2b3;--c-primary: #2563eb;--c-primary-hover: #1d4ed8;--c-primary-weak: #eff4ff;--c-on-primary: #ffffff;--c-success: #16a34a;--c-success-weak: #e9f7ef;--c-warning: #d97706;--c-warning-weak: #fef3e7;--c-danger: #dc2626;--c-danger-weak: #fdecec;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .06);--shadow: 0 4px 12px rgba(16, 24, 40, .08);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .16);--c-sidebar-bg: #0f172a;--c-sidebar-text: #cbd5e1;--c-sidebar-text-active: #ffffff;--c-sidebar-active-bg: #1e293b;--c-scrim: rgba(15, 23, 42, .45)}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--c-bg: #0b1220;--c-surface: #131c2e;--c-surface-2: #1a2438;--c-border: #263349;--c-border-strong: #33425c;--c-text: #e6edf7;--c-text-2: #a9b6cc;--c-text-3: #6b7a94;--c-primary: #3b82f6;--c-primary-hover: #60a5fa;--c-primary-weak: #16233d;--c-success: #34d399;--c-success-weak: #12281f;--c-warning: #fbbf24;--c-warning-weak: #2a2113;--c-danger: #f87171;--c-danger-weak: #2a1616;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--c-sidebar-bg: #0a0f1a;--c-sidebar-text: #94a3b8;--c-sidebar-text-active: #ffffff;--c-sidebar-active-bg: #172032;--c-scrim: rgba(0, 0, 0, .6)}}:root[data-theme=dark]{--c-bg: #0b1220;--c-surface: #131c2e;--c-surface-2: #1a2438;--c-border: #263349;--c-border-strong: #33425c;--c-text: #e6edf7;--c-text-2: #a9b6cc;--c-text-3: #6b7a94;--c-primary: #3b82f6;--c-primary-hover: #60a5fa;--c-primary-weak: #16233d;--c-success: #34d399;--c-success-weak: #12281f;--c-warning: #fbbf24;--c-warning-weak: #2a2113;--c-danger: #f87171;--c-danger-weak: #2a1616;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--c-sidebar-bg: #0a0f1a;--c-sidebar-text: #94a3b8;--c-sidebar-text-active: #ffffff;--c-sidebar-active-bg: #172032;--c-scrim: rgba(0, 0, 0, .6)}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-normal);color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button{font-family:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:var(--radius-sm)}*{scrollbar-width:thin;scrollbar-color:var(--c-border-strong) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:var(--c-border-strong);border-radius:var(--radius-full)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);padding:9px 14px;border-radius:var(--radius);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-body);font-weight:500;cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast),opacity var(--t-fast);white-space:nowrap}.btn:hover:not(:disabled){background:var(--c-surface-2)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:var(--c-on-primary)}.btn--primary:hover:not(:disabled){background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.btn--ghost{border-color:transparent;background:transparent;color:var(--c-text-2)}.btn--ghost:hover:not(:disabled){background:var(--c-surface-2);color:var(--c-text)}.btn--danger{border-color:var(--c-danger);color:var(--c-danger);background:var(--c-surface)}.btn--danger:hover:not(:disabled){background:var(--c-danger-weak)}.btn--sm{padding:6px 10px;font-size:var(--fs-sm)}.btn--block{width:100%}.btn--icon{padding:8px}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--sp-4)}.field__label{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:500}.field__hint{font-size:var(--fs-caption);color:var(--c-text-3)}.input,.textarea{width:100%;padding:9px 12px;border:1px solid var(--c-border-strong);border-radius:var(--radius);background:var(--c-surface);color:var(--c-text);font-size:var(--fs-body);font-family:inherit;transition:border-color var(--t-fast)}.input:focus,.textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-primary-weak)}.input::placeholder,.textarea::placeholder{color:var(--c-text-3)}.textarea{resize:none;line-height:var(--lh-normal)}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--pad{padding:var(--sp-5)}.card--hover{transition:box-shadow var(--t-fast),border-color var(--t-fast)}.card--hover:hover{box-shadow:var(--shadow);border-color:var(--c-border-strong)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--radius-full);font-size:var(--fs-caption);font-weight:600;line-height:1.7;background:var(--c-surface-2);color:var(--c-text-2)}.badge--success{background:var(--c-success-weak);color:var(--c-success)}.badge--warning{background:var(--c-warning-weak);color:var(--c-warning)}.badge--danger{background:var(--c-danger-weak);color:var(--c-danger)}.badge--primary{background:var(--c-primary-weak);color:var(--c-primary)}.status{display:inline-flex;align-items:center;gap:6px;font-size:var(--fs-sm);color:var(--c-text-2)}.status__dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--c-text-3);flex:none}.status--on .status__dot{background:var(--c-success)}.status--warn .status__dot{background:var(--c-warning)}.status--off .status__dot{background:var(--c-text-3)}.page-header{margin-bottom:var(--sp-6)}.page-header__title{font-size:var(--fs-xl);font-weight:700;line-height:var(--lh-tight)}.page-header__sub{color:var(--c-text-2);font-size:var(--fs-sm);margin-top:4px}.page-header__row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-4);flex-wrap:wrap}.state{text-align:center;padding:var(--sp-10) var(--sp-6);color:var(--c-text-2)}.state__icon{font-size:28px;margin-bottom:var(--sp-3);opacity:.8}.state__title{font-size:var(--fs-md);font-weight:600;color:var(--c-text);margin-bottom:var(--sp-2)}.state__desc{font-size:var(--fs-sm);color:var(--c-text-2);margin-bottom:var(--sp-4)}.state__actions{display:inline-flex;gap:var(--sp-2);flex-wrap:wrap;justify-content:center}.skeleton{background:linear-gradient(90deg,var(--c-surface-2) 25%,var(--c-border) 37%,var(--c-surface-2) 63%);background-size:400% 100%;animation:skeleton 1.3s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton{0%{background-position:100% 50%}to{background-position:0 50%}}.spinner{width:16px;height:16px;border:2px solid var(--c-border-strong);border-top-color:var(--c-primary);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-scrim);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);z-index:var(--z-modal);animation:fade var(--t-base)}.modal{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:460px;max-height:90vh;overflow:auto;animation:pop var(--t-base)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-5);border-bottom:1px solid var(--c-border)}.modal__title{font-size:var(--fs-md);font-weight:700}.modal__body{padding:var(--sp-5)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.98)}}.toast-wrap{position:fixed;bottom:var(--sp-5);right:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-2);z-index:var(--z-toast);max-width:min(360px,calc(100vw - 40px))}.toast{display:flex;align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--radius);background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow);animation:toastin var(--t-base)}.toast__bar{width:4px;align-self:stretch;border-radius:var(--radius-full);background:var(--c-text-3);flex:none}.toast--success .toast__bar{background:var(--c-success)}.toast--error .toast__bar{background:var(--c-danger)}.toast--info .toast__bar{background:var(--c-primary)}.toast__body{flex:1;font-size:var(--fs-sm);color:var(--c-text)}.toast__close{background:none;border:none;color:var(--c-text-3);cursor:pointer;font-size:15px}@keyframes toastin{0%{opacity:0;transform:translate(16px)}}.shell{display:flex;min-height:100vh}.sidebar{width:236px;flex:none;background:var(--c-sidebar-bg);color:var(--c-sidebar-text);display:flex;flex-direction:column;padding:var(--sp-4) 0;position:sticky;top:0;height:100vh;z-index:var(--z-sidebar)}.sidebar__brand{display:flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-5) var(--sp-5);font-size:var(--fs-md);font-weight:700;color:#fff}.sidebar__brand-mark{width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#3b82f6,#6366f1);display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800}.sidebar__nav{display:flex;flex-direction:column;gap:2px;padding:0 var(--sp-3)}.navitem{display:flex;align-items:center;gap:var(--sp-3);padding:9px var(--sp-3);border-radius:var(--radius);color:var(--c-sidebar-text);cursor:pointer;font-size:var(--fs-body);font-weight:500;border:none;background:none;width:100%;text-align:left;transition:background var(--t-fast),color var(--t-fast)}.navitem:hover,.navitem--active{background:var(--c-sidebar-active-bg);color:var(--c-sidebar-text-active)}.navitem__icon{width:18px;text-align:center;font-size:15px;flex:none}.sidebar__spacer{flex:1}.sidebar__footer{padding:var(--sp-3) var(--sp-5) 0;border-top:1px solid rgba(255,255,255,.08);margin-top:var(--sp-3)}.sidebar__foot-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);padding:6px 0}.sidebar__user{font-size:var(--fs-sm);color:var(--c-sidebar-text)}.main{flex:1;min-width:0;display:flex;flex-direction:column}.main__content{flex:1;padding:var(--sp-6) var(--sp-8);max-width:1100px;width:100%;margin:0 auto}.topbar,.mobile-scrim{display:none}@media (max-width: 860px){.sidebar{position:fixed;left:0;top:0;transform:translate(-100%);transition:transform var(--t-base);box-shadow:var(--shadow-lg)}.sidebar--open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:var(--c-scrim);z-index:calc(var(--z-sidebar) - 1)}.topbar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:var(--z-header)}.topbar__title{font-weight:700;font-size:var(--fs-md)}.main__content{padding:var(--sp-5) var(--sp-4)}}.grid{display:grid;gap:var(--sp-4)}.grid--stats{grid-template-columns:repeat(4,1fr)}.grid--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 860px){.grid--stats{grid-template-columns:repeat(2,1fr)}.grid--2{grid-template-columns:1fr}}@media (max-width: 480px){.grid--stats{grid-template-columns:1fr 1fr}}.row{display:flex;gap:var(--sp-3);align-items:center}.row--wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--c-text-2)}.stack{display:flex;flex-direction:column;gap:var(--sp-3)}.stat{padding:var(--sp-5)}.stat__value{font-size:var(--fs-2xl);font-weight:700;line-height:1.1}.stat__label{font-size:var(--fs-sm);color:var(--c-text-2);margin-top:6px}.listrow{display:flex;align-items:center;gap:var(--sp-4);padding:var(--sp-4);border-bottom:1px solid var(--c-border)}.listrow:last-child{border-bottom:none}.listrow__title{font-weight:600}.listrow__meta{font-size:var(--fs-caption);color:var(--c-text-3);margin-top:2px}.listrow__actions{display:flex;gap:6px;flex:none}@media (max-width: 560px){.listrow{flex-wrap:wrap}.listrow__actions{width:100%}}.toolbar{display:flex;gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-5);flex-wrap:wrap}.toolbar .grow{min-width:180px}.chat{display:flex;flex-direction:column;height:calc(100vh - 160px);min-height:420px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);overflow:hidden}@media (max-width: 860px){.chat{height:calc(100vh - 200px)}}.chat__head{padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.chat__log{flex:1;overflow-y:auto;padding:var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3)}.bubble{max-width:80%;padding:10px 14px;border-radius:14px;font-size:var(--fs-body);white-space:pre-wrap;animation:bubblein var(--t-base);line-height:var(--lh-normal)}.bubble--user{align-self:flex-end;background:var(--c-primary);color:var(--c-on-primary);border-bottom-right-radius:3px}.bubble--ai{align-self:flex-start;background:var(--c-surface-2);color:var(--c-text);border-bottom-left-radius:3px}@keyframes bubblein{0%{opacity:0;transform:translateY(6px)}}.chat__steps{align-self:flex-start;display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:var(--c-surface-2);border-radius:14px 14px 14px 3px;font-size:var(--fs-sm);color:var(--c-text-2)}.chat__step{display:flex;align-items:center;gap:8px}.chat__input{display:flex;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);border-top:1px solid var(--c-border);background:var(--c-surface);align-items:flex-end}.quick{display:flex;gap:var(--sp-2);flex-wrap:wrap}.chip{padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast)}.chip:hover:not(:disabled){border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-weak)}.section-title{font-size:var(--fs-sm);font-weight:700;color:var(--c-text-2);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--sp-3)}.table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.table th{text-align:left;padding:10px var(--sp-4);background:var(--c-surface-2);color:var(--c-text-2);font-weight:600;position:sticky;top:0}.table td{padding:9px var(--sp-4);border-top:1px solid var(--c-border);vertical-align:top}.table code{color:var(--c-text-2)}.docgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--sp-4)}.doccard{display:flex;flex-direction:column;gap:var(--sp-2);padding:var(--sp-4);cursor:pointer}.doccard__top{display:flex;align-items:center;gap:var(--sp-3)}.doc-ic{width:40px;height:40px;border-radius:var(--radius);display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;flex:none;letter-spacing:.02em}.doc-ic--pdf{background:#dc2626}.doc-ic--image{background:#7c3aed}.doc-ic--presentation{background:#ea580c}.doc-ic--spreadsheet{background:#16a34a}.doc-ic--document{background:#2563eb}.doc-ic--text{background:#475467}.doccard__name{font-weight:600;font-size:var(--fs-sm);word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doccard__meta{font-size:var(--fs-caption);color:var(--c-text-3)}.doccard__actions{display:flex;gap:6px;margin-top:auto;padding-top:var(--sp-2)}.dropzone{border:1.5px dashed var(--c-border-strong);border-radius:var(--radius-lg);padding:var(--sp-5);text-align:center;color:var(--c-text-2);cursor:pointer;transition:all var(--t-fast);background:var(--c-surface)}.dropzone--over{border-color:var(--c-primary);background:var(--c-primary-weak);color:var(--c-primary)}.storagebar{height:8px;border-radius:var(--radius-full);background:var(--c-surface-2);overflow:hidden}.storagebar__fill{height:100%;background:var(--c-primary);transition:width var(--t-base)}.storagebar__fill--warn{background:var(--c-warning)}.storagebar__fill--full{background:var(--c-danger)}.uprow{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-2) 0;font-size:var(--fs-sm)}.folderbar{display:flex;gap:var(--sp-2);flex-wrap:wrap;align-items:center;margin-bottom:var(--sp-4)}.folderchip{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius-full);border:1px solid var(--c-border-strong);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-fast)}.folderchip:hover{border-color:var(--c-primary);color:var(--c-primary)}.folderchip--active{border-color:var(--c-primary);background:var(--c-primary-weak);color:var(--c-primary);font-weight:600}.folderchip__count{font-size:var(--fs-caption);opacity:.7}.folderchip__edit{border:none;background:none;cursor:pointer;color:inherit;opacity:.6;font-size:12px;padding:0 2px}.folderchip__edit:hover{opacity:1}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--c-bg);display:flex;flex-direction:column}.viewer__bar{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);background:var(--c-surface);border-bottom:1px solid var(--c-border)}.viewer__title{font-weight:600;font-size:var(--fs-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer__body{flex:1;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background:var(--c-surface-2);padding:var(--sp-4)}.viewer__foot{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-2) var(--sp-4);background:var(--c-surface);border-top:1px solid var(--c-border);flex-wrap:wrap}.viewer__img{max-width:100%;transition:transform var(--t-fast);transform-origin:top center}.viewer__text{max-width:860px;width:100%;background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-5);white-space:pre-wrap;word-break:break-word;line-height:var(--lh-normal);font-size:var(--fs-body)}.viewer__md{max-width:820px;width:100%;background:var(--c-surface);border-radius:var(--radius);padding:var(--sp-6);line-height:var(--lh-normal)}.viewer__md h1,.viewer__md h2,.viewer__md h3{margin:.6em 0 .3em;line-height:1.3}.viewer__md pre{background:var(--c-surface-2);padding:var(--sp-3);border-radius:var(--radius-sm);overflow-x:auto}.viewer__md code{background:var(--c-surface-2);padding:1px 5px;border-radius:4px}.viewer__md pre code{background:none;padding:0}.viewer__md a{color:var(--c-primary)}.viewer__pdf{width:100%;height:100%;border:none;background:#fff}.pptx-stage{background:#fff;box-shadow:var(--shadow);max-width:100%;overflow:auto}@media (max-width: 560px){.viewer__foot{gap:var(--sp-2)}}