:root{--background: #f6f5f4;--surface: #ffffff;--surface-raised: #ffffff;--surface-subtle: #faf9f8;--text: #202124;--text-muted: #686b70;--border: #e6e6e6;--accent: #0075de;--accent-pressed: #005bab;--indigo: #213183;--danger: #c83a3a;--danger-soft: #fff1f0;--success: #18794e;--success-soft: #e9f7ef;--unknown: #746d65;--unknown-soft: #f1efec;--focus: #0075de;--shadow: 0 16px 48px rgb(28 31 35 / 12%);color:var(--text);background:var(--background);font-family:Inter,Pretendard,Noto Sans KR,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--background: #202124;--surface: #292a2d;--surface-raised: #303136;--surface-subtle: #252629;--text: #f1f2f4;--text-muted: #aeb2ba;--border: #42444a;--accent: #55a9f5;--accent-pressed: #2d8bdf;--indigo: #9aa8ff;--danger: #ff8f88;--danger-soft: #482725;--success: #70d69f;--success-soft: #203b2d;--unknown: #c1bbb4;--unknown-soft: #3a3836;--focus: #77bcff;--shadow: 0 18px 52px rgb(0 0 0 / 32%)}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--background)}body{margin:0;min-width:320px;min-height:100vh}button,input{color:inherit;font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}button:focus-visible,input:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus),transparent 62%);outline-offset:2px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}svg{width:1.25rem;height:1.25rem;flex:0 0 auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:.5rem;left:.5rem;padding:.7rem 1rem;border-radius:8px;color:#fff;background:var(--accent-pressed);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.app-layout{min-height:100vh}.auth-page{display:grid;min-height:100vh;padding:1.5rem;background:var(--background);place-items:center}.auth-card{width:min(100%,430px);padding:clamp(1.5rem,5vw,2.4rem);border:1px solid var(--border);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.auth-card__mark{margin-bottom:1.35rem}.auth-card h1{margin-bottom:.55rem}.auth-card__description{margin-bottom:1.5rem;color:var(--text-muted);line-height:1.55}.auth-form{display:flex;gap:1rem;flex-direction:column}.auth-form label{display:flex;gap:.45rem;color:var(--text-muted);font-size:.78rem;font-weight:700;flex-direction:column}.auth-form input{min-height:2.8rem;padding:0 .8rem;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface-subtle)}.auth-message,.inline-message{padding:.75rem .9rem;border:1px solid var(--border);border-radius:8px;color:var(--text-muted);background:var(--surface-subtle);font-size:.78rem;line-height:1.5}.auth-mode-button{width:100%;padding:.8rem 0 0;border:0;color:var(--accent-pressed);background:transparent;font-size:.78rem;font-weight:700}.empty-state{margin:0;padding:1rem 0;color:var(--text-muted);font-size:.78rem}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;display:flex;width:248px;padding:1.25rem .9rem 1rem;border-right:1px solid var(--border);background:var(--surface);flex-direction:column}.sidebar__nav{display:flex;gap:.28rem;margin-top:0;flex:1;flex-direction:column}.nav-item{display:flex;width:100%;min-height:2.65rem;align-items:center;gap:.75rem;padding:0 .78rem;border:0;border-radius:8px;color:var(--text-muted);background:transparent;font-size:.9rem;font-weight:650;text-align:left}.nav-item:hover{color:var(--text);background:var(--surface-subtle)}.nav-item[aria-current=page]{color:var(--accent-pressed);background:color-mix(in srgb,var(--accent),transparent 90%)}:root[data-theme=dark] .nav-item[aria-current=page]{color:var(--accent)}.sidebar__footer{padding-top:.75rem;border-top:1px solid var(--border)}.profile-summary{display:grid;width:100%;align-items:center;gap:.4rem;grid-template-columns:minmax(0,1fr) auto}.profile-summary__account,.profile-summary__logout{border:0;border-radius:10px;background:transparent;color:inherit;cursor:pointer}.profile-summary__account{display:flex;min-width:0;align-items:center;gap:.65rem;padding:.55rem;text-align:left}.profile-summary__account:hover,.profile-summary__logout:hover{background:var(--surface-subtle)}.profile-summary__account strong{overflow:hidden;font-size:.82rem;text-overflow:ellipsis;white-space:nowrap}.profile-summary__logout{padding:.5rem .4rem;color:var(--danger);font-size:.7rem}.avatar{display:grid;width:2.2rem;height:2.2rem;border-radius:50%;color:#fff;background:var(--indigo);font-size:.8rem;font-weight:750;place-items:center}.avatar--small{width:1.8rem;height:1.8rem;font-size:.7rem}.avatar--large{width:4rem;height:4rem;font-size:1.3rem}.main-content{min-height:100vh;margin-left:248px;background:var(--background)}.page{width:min(100%,1480px);min-height:100vh;padding:2.5rem clamp(1.5rem,3vw,3.5rem) 4rem;margin:0 auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.page-header h1{margin-bottom:.45rem;font-size:clamp(1.9rem,3vw,2.55rem)}.page-header p:not(.eyebrow){max-width:42rem;margin-bottom:0;color:var(--text-muted)}.page-header__actions,.section-heading__actions,.toolbar-actions,.device-card__actions,.modal__actions,.approval-list__actions{display:flex;align-items:center;gap:.6rem}.eyebrow{margin-bottom:.55rem;color:var(--accent-pressed);font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}:root[data-theme=dark] .eyebrow{color:var(--accent)}.button{display:inline-flex;min-height:2.5rem;align-items:center;justify-content:center;gap:.5rem;padding:.55rem .9rem;border:1px solid var(--border);border-radius:8px;font-size:.82rem;font-weight:720}.button--secondary{background:var(--surface)}.button--secondary:hover{border-color:color-mix(in srgb,var(--text),transparent 70%);background:var(--surface-subtle)}.button--primary{border-color:var(--accent);color:#fff;background:#0075de}.button--primary:hover,.button--primary:active{border-color:var(--accent-pressed);background:#005bab}.button--danger{border-color:color-mix(in srgb,var(--danger),transparent 65%);color:var(--danger);background:var(--danger-soft)}.button--ghost{border-color:transparent;color:var(--accent-pressed);background:transparent}.icon-button{display:inline-grid;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--border);border-radius:8px;background:var(--surface);place-items:center}.icon-button:hover{background:var(--surface-subtle)}.content-panel{padding:clamp(1rem,2.2vw,1.55rem);border:1px solid var(--border);border-radius:12px;background:var(--surface)}.file-toolbar,.section-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.file-toolbar{padding-bottom:1.2rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;gap:.3rem;color:var(--text-muted);font-size:.82rem;flex-wrap:wrap}.breadcrumb__item{display:inline-flex;align-items:center;gap:.3rem}.breadcrumb button{padding:.35rem .45rem;border:0;border-radius:6px;color:var(--accent-pressed);background:transparent;font-weight:650}.breadcrumb svg{width:.9rem;height:.9rem}.section-heading{margin-bottom:1.15rem}.section-heading h2{margin-bottom:.25rem;font-size:1.05rem}.section-heading p{margin-bottom:0;color:var(--text-muted);font-size:.78rem}.search-field{position:relative;display:flex;min-width:min(16rem,100%);align-items:center}.search-field svg{position:absolute;left:.7rem;width:1rem;color:var(--text-muted);pointer-events:none}.search-field input{width:100%;height:2.5rem;padding:0 .8rem 0 2.2rem;border:1px solid var(--border);border-radius:8px;background:var(--surface-subtle);font-size:.82rem}.file-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}.file-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);cursor:pointer;transition:border-color .16s ease,transform .16s ease}.file-card:hover{border-color:color-mix(in srgb,var(--accent),transparent 45%);transform:translateY(-2px)}.file-card:focus-visible{outline:3px solid color-mix(in srgb,var(--accent),transparent 35%);outline-offset:2px}.file-card[aria-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.file-card--drop-target{border-color:var(--accent);box-shadow:inset 0 0 0 2px var(--accent)}.file-drop-zone{outline:2px solid transparent;outline-offset:-4px;transition:outline-color .16s ease}.file-drop-zone--active{outline-color:var(--accent)}.file-card__more{position:absolute;z-index:2;top:.55rem;right:.55rem;width:2rem;height:2rem;border-color:transparent;background:color-mix(in srgb,var(--surface),transparent 18%)}.file-card__preview{position:relative;display:grid;height:132px;color:var(--indigo);place-items:center}.file-card__preview svg{width:3.7rem;height:3.7rem;stroke-width:1.25}.file-card__preview span{position:absolute;right:.7rem;bottom:.55rem;padding:.23rem .4rem;border-radius:5px;color:#3b3b3b;background:#ffffffb3;font-size:.62rem;font-weight:800}.file-card__preview .preview-loading,.file-card__preview .preview-error{padding:.75rem;font-size:.72rem;text-align:center}.three-preview,.three-preview>div:first-child,.dxf-view{width:100%;height:100%;min-height:132px}.three-preview canvas{display:block;width:100%!important;height:100%!important}.three-preview--detail,.three-preview--detail>div:first-child,.preview-modal-content .dxf-view{min-height:min(52vh,520px)}.dxf-view{position:relative;overflow:hidden;background:#f4f6f8}.dxf-view svg{display:block;width:100%;height:100%;min-height:inherit;touch-action:none}.dxf-view line,.dxf-view polyline,.dxf-view polygon,.dxf-view circle{fill:none;stroke:#213183;stroke-width:1.5;vector-effect:non-scaling-stroke}.preview-modal-content{min-height:min(52vh,520px);overflow:hidden;border:1px solid var(--border);border-radius:12px}.media-preview{display:block;width:100%;height:132px;object-fit:cover;background:#111}.media-preview--detail{height:min(70vh,680px);object-fit:contain}.field-hint{margin:0;color:var(--text-muted);font-size:.76rem;line-height:1.55}.device-wol-option{display:flex!important;align-items:center;gap:.55rem}.device-wol-option input{width:1rem;height:1rem}.preview-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px;background:var(--surface);color:var(--text-muted);font-size:.78rem}.preview-controls button{min-height:32px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text)}.preview-note,.preview-error,.preview-loading{margin:0;padding:.8rem;color:var(--text-muted)}.preview-error{color:var(--danger)}.accent-sky{background:#dff3ff}.accent-violet{background:#eee6ff}.accent-mint{background:#dcf6ec}.accent-orange{background:#ffe9d7}.accent-pink{background:#ffe5ef}.accent-teal{background:#d9f3f1}.file-card__body{padding:.9rem}.preview-unavailable{display:grid;min-height:min(52vh,520px);place-content:center;justify-items:center;gap:1rem;color:var(--text-muted);text-align:center}.preview-unavailable svg{width:5rem;height:5rem;color:var(--indigo);stroke-width:1.25}.upload-panel{display:flex;gap:.65rem;margin-bottom:1rem;flex-direction:column}.upload-row{display:grid;align-items:center;gap:1rem;grid-template-columns:minmax(0,1fr) minmax(120px,.7fr)}.upload-row>div{display:flex;min-width:0;gap:.2rem;flex-direction:column}.upload-row strong{overflow:hidden;font-size:.78rem;text-overflow:ellipsis;white-space:nowrap}.upload-row span{color:var(--text-muted);font-size:.68rem}.upload-row progress{width:100%;accent-color:var(--accent)}.file-dialog-form{display:grid;gap:1rem}.file-dialog-form label{display:flex;gap:.4rem;color:var(--text-muted);font-size:.75rem;font-weight:700;flex-direction:column}.file-dialog-form input,.file-dialog-form select{min-height:2.7rem;padding:0 .75rem;border:1px solid var(--border);border-radius:8px;color:var(--text);background:var(--surface)}.file-card__body h3{overflow:hidden;margin-bottom:.4rem;font-size:.88rem;text-overflow:ellipsis;white-space:nowrap}.file-card__body p,.file-card__body time{display:block;margin-bottom:.28rem;color:var(--text-muted);font-size:.72rem}.device-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))}.device-card{display:flex;min-width:0;gap:1rem;padding:1.15rem;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);flex-direction:column}.device-card__top{display:flex;align-items:center;justify-content:space-between}.device-card__icon,.record-row__icon{display:grid;width:2.65rem;height:2.65rem;border-radius:10px;color:var(--indigo);background:color-mix(in srgb,var(--indigo),transparent 90%);place-items:center}.device-card h3{margin-bottom:.25rem;font-size:1rem}.device-card p{margin-bottom:0;color:var(--text-muted);font-size:.78rem}.status-badge{display:inline-flex;width:fit-content;align-items:center;gap:.4rem;padding:.35rem .55rem;border-radius:999px;font-size:.68rem;font-weight:780}.status-badge__dot{width:.45rem;height:.45rem;border:2px solid currentColor;border-radius:50%}.status-badge--online{color:var(--success);background:var(--success-soft)}.status-badge--offline{color:var(--danger);background:var(--danger-soft)}.status-badge--unknown{color:var(--unknown);background:var(--unknown-soft)}.compact-details,.detail-grid{display:grid;padding:0;margin:0;gap:.65rem}.compact-details div,.detail-grid div{display:flex;align-items:center;justify-content:space-between;gap:1rem}.compact-details dt,.detail-grid dt,.record-row__meta dt{color:var(--text-muted);font-size:.7rem}.compact-details dd,.detail-grid dd,.record-row__meta dd{margin:0;font-size:.75rem;font-weight:700;text-align:right}.device-card__actions{margin-top:auto}.device-card__actions .button{flex:1}.record-list,.approval-list{display:flex;gap:.7rem;flex-direction:column}.record-row{display:grid;align-items:center;gap:1rem;padding:.85rem;border:1px solid var(--border);border-radius:10px;grid-template-columns:auto minmax(150px,1.2fr) minmax(225px,1fr) auto auto}.record-row__primary h3{margin-bottom:.3rem;font-size:.86rem}.record-row__primary p{margin-bottom:0;color:var(--text-muted);font-size:.7rem}.record-row__meta{display:grid;margin:0;gap:.45rem;grid-template-columns:repeat(2,1fr)}.purge-time{color:var(--danger);font-size:.7rem;font-weight:750}.trash-actions{display:flex;flex-wrap:wrap;gap:8px}.split-layout{display:grid;align-items:start;gap:1rem;grid-template-columns:minmax(270px,.75fr) minmax(450px,1.4fr)}.approval-list article{display:grid;align-items:center;gap:.7rem;padding:.8rem;border:1px solid var(--border);border-radius:10px;grid-template-columns:auto 1fr}.approval-list h3,.profile-card h3{margin-bottom:.2rem;font-size:.84rem}.approval-list p,.profile-card p{margin-bottom:0;color:var(--text-muted);font-size:.72rem}.approval-list__actions{grid-column:1 / -1;justify-content:flex-end}.user-table__row{display:grid;align-items:center;gap:.75rem;padding:.75rem .15rem;border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.75rem;grid-template-columns:minmax(150px,1.2fr) minmax(120px,1fr) .6fr auto}.user-table__row:last-child{border-bottom:0}.user-table__row>div{display:flex;align-items:center;gap:.55rem;color:var(--text)}.activity-table__header,.activity-table__row{display:grid;align-items:center;gap:1rem;padding:.8rem .5rem;font-size:.76rem;grid-template-columns:1fr .8fr 1.4fr .6fr .6fr}.activity-table__header{border-bottom:1px solid var(--border);color:var(--text-muted);font-size:.68rem;font-weight:750}.activity-table__row{border-bottom:1px solid var(--border);color:var(--text-muted)}.activity-table__row:last-child{border-bottom:0}.activity-table__row strong{color:var(--text)}.text-success{color:var(--success);font-weight:750}.text-danger{color:var(--danger);font-weight:750}.settings-grid{display:grid;width:100%;align-items:start;gap:1rem;grid-template-columns:minmax(0,1fr)}.settings-grid>.content-panel{width:100%}.profile-card{display:flex;align-items:center;gap:1rem;padding-bottom:1.25rem;margin-bottom:1.25rem;border-bottom:1px solid var(--border)}.theme-options{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.theme-option{display:flex;gap:.4rem;padding:.7rem;border:1px solid var(--border);border-radius:10px;background:var(--surface);flex-direction:column;text-align:left}.theme-option[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.theme-option__preview{display:grid;height:5rem;margin-bottom:.4rem;border:1px solid var(--border);border-radius:8px;place-items:center}.theme-option__preview--light{color:#213183;background:#f6f5f4}.theme-option__preview--dark{color:#9aa8ff;background:#292a2d}.theme-option small{color:var(--text-muted);font-size:.7rem}.logout-button{margin-top:1rem}.modal-backdrop{position:fixed;z-index:50;inset:0;display:grid;overflow-y:auto;padding:clamp(1rem,4vw,3rem);background:#12141794;place-items:center}.modal{width:min(100%,760px);max-height:calc(100vh - 2rem);overflow-y:auto;padding:clamp(1.1rem,3vw,1.75rem);border:1px solid var(--border);border-radius:12px;background:var(--surface-raised);box-shadow:var(--shadow)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.modal__header h2{margin-bottom:0;font-size:1.45rem}.modal__description{margin:.55rem 0 1.3rem;color:var(--text-muted);font-size:.8rem}.device-detail-summary{padding:1rem;border:1px solid var(--border);border-radius:10px;background:var(--surface-subtle)}.device-detail-summary .detail-grid{margin-top:1rem;grid-template-columns:repeat(2,1fr)}.modal-section-grid{display:grid;gap:1rem;margin-top:1rem;grid-template-columns:repeat(2,1fr)}.modal-section-grid section{padding:1rem;border:1px solid var(--border);border-radius:10px}.modal-section-grid h3{margin-bottom:.8rem;font-size:.88rem}.timeline-list{padding:0;margin:0;list-style:none}.timeline-list li{display:flex;gap:.25rem;padding:.6rem 0;border-bottom:1px solid var(--border);flex-direction:column}.timeline-list li:last-child{border-bottom:0}.timeline-list strong{font-size:.75rem}.timeline-list span{color:var(--text-muted);font-size:.68rem}.modal__actions{justify-content:flex-end;padding-top:1.25rem}@media(max-width:1040px){.sidebar{width:82px;align-items:center;padding-inline:.65rem}.nav-item span,.profile-summary__account strong{display:none}.sidebar__nav,.nav-item,.profile-summary__account{align-items:center}.nav-item,.profile-summary__account{justify-content:center}.profile-summary{grid-template-columns:1fr}.nav-item{padding:0}.main-content{margin-left:82px}.split-layout{grid-template-columns:1fr}.record-row{grid-template-columns:auto 1fr auto}.record-row__meta{grid-column:2 / -1}}@media(max-width:720px){body{padding-bottom:74px}.sidebar{inset:auto 0 0;width:100%;height:74px;padding:.45rem;border-top:1px solid var(--border);border-right:0;flex-direction:row}.sidebar__footer{padding:0;border:0}.profile-summary{display:flex;width:auto}.profile-summary__account{width:3.7rem;height:3.7rem;padding:.35rem}.profile-summary__logout{padding-inline:.45rem}.sidebar__nav{display:flex;min-width:0;margin:0;overflow-x:auto;flex:1;flex-direction:row;justify-content:space-around}.nav-item{min-width:4rem;height:3.7rem;gap:.2rem;padding:.35rem;flex-direction:column;font-size:.64rem}.nav-item span{display:block}.nav-item svg{width:1.15rem;height:1.15rem}.main-content{margin-left:0}.page{min-height:calc(100vh - 74px);padding:1.4rem 1rem 2rem}.page-header{align-items:stretch;gap:1rem;margin-bottom:1.35rem;flex-direction:column}.page-header__actions>*{flex:1}.file-toolbar,.section-heading{align-items:stretch;flex-direction:column}.upload-row{align-items:stretch;grid-template-columns:1fr}.modal__actions--stack-mobile{align-items:stretch;flex-direction:column-reverse}.toolbar-actions,.search-field{width:100%}.search-field{min-width:0}.file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-card__preview{height:105px}.file-card__preview svg{width:3rem;height:3rem}.record-row{align-items:start;grid-template-columns:auto 1fr}.record-row__meta,.record-row .button,.purge-time{grid-column:2}.record-row .button{justify-self:start}.settings-grid,.modal-section-grid{grid-template-columns:1fr}.activity-table__header{display:none}.activity-table__row{padding:.9rem .3rem;grid-template-columns:1fr 1fr}.activity-table__row>:nth-child(3){grid-column:1 / -1}.device-detail-summary .detail-grid{grid-template-columns:1fr}}@media(max-width:430px){.profile-summary__account{width:3.4rem}.nav-item{min-width:3.5rem}.file-grid,.theme-options{grid-template-columns:1fr}.file-card{display:grid;grid-template-columns:104px 1fr}.file-card__preview{height:100%;min-height:105px}.file-card__more{top:.35rem;right:.35rem}.file-card__body{align-self:center;padding-right:2.3rem}.user-table__row{grid-template-columns:1fr 1fr}.user-table__row .button{justify-self:start}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}