*,:before,:after{box-sizing:border-box}:root{--bg-base:#0a0c12;--bg-surface:#0f1117;--bg-elevated:#13161f;--border:#2a2d3a;--text-primary:#fff;--text-secondary:#9ca3af;--text-muted:#6b7280;--text-dim:#4b5563;--accent:#94aee6;--danger:#ef4444;--warning:#f59e0b;--success:#22c55e;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Pretendard,Noto Sans KR,system-ui,-apple-system,sans-serif}#root{width:100%;min-height:100vh}button{font-family:inherit}p{margin:0}.header{background:var(--bg-surface);border-bottom:1px solid var(--border);z-index:100;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.header__logo{cursor:pointer;align-items:center;gap:10px;text-decoration:none;display:flex}.header__logo-img{object-fit:contain;border-radius:6px;width:32px;height:32px}.header__logo-text{flex-direction:column;display:flex}.header__logo-title{color:var(--text-primary);white-space:nowrap;font-size:.82rem;font-weight:700}.header__logo-sub{color:#e74c3c;letter-spacing:.05em;font-size:.62rem;font-weight:600}.header__nav{gap:6px;display:flex}.header__nav-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;transition:background .15s,color .15s;display:flex}.header__nav-btn:hover{background:var(--bg-elevated);color:var(--text-primary)}.header__nav-btn--active{background:var(--accent);color:#080808}.header__right{align-items:center;gap:16px;display:flex}.header__clock{align-items:baseline;gap:8px;display:flex}.header__clock-date{color:var(--text-secondary);font-size:.7rem}.header__clock-time{font-variant-numeric:tabular-nums;font-size:1.1rem;font-weight:700}.header__user{cursor:pointer;border:1px solid var(--border);color:#d1d5db;-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;display:flex;position:relative}.header__user:hover,.header__user--active{color:#fff;background:#374151;border-color:#6b7280}.header__dropdown{background:var(--bg-elevated);border:1px solid var(--border);z-index:200;border-radius:8px;min-width:180px;padding:4px 0;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.header__dropdown-item{text-align:left;color:#d1d5db;cursor:pointer;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:.78rem;display:flex}.header__dropdown-item:hover{background:var(--border);color:var(--text-primary)}.header__dropdown-item--logout{color:var(--danger)}.header__dropdown-item--logout:hover{color:#f87171;background:#2a1a1a}.header__dropdown-divider{border:none;border-top:1px solid var(--border);margin:4px 0}.app-layout{background:var(--bg-base);min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex}.app-layout__main{flex-direction:column;flex:1;margin-top:56px;display:flex}.login-page{background-color:#0a0c12;flex-direction:column;min-height:100vh;display:flex}.login-main{flex:1;justify-content:center;align-items:center;padding:32px;display:flex}.login-box{flex-direction:column;align-items:center;width:100%;max-width:420px;display:flex}.login-box__logo-section{flex-direction:column;align-items:center;margin-bottom:40px;display:flex}.login-box__big-logo{border-radius:14px;width:80px;height:80px;margin-bottom:20px}.login-box__title{color:#fff;text-align:center;margin:0 0 4px;font-size:1.2rem;font-weight:700}.login-box__subtitle{color:#e74c3c;letter-spacing:.08em;text-align:center;margin:0;font-size:.78rem;font-weight:600}.login-form{flex-direction:column;gap:20px;width:100%;display:flex}.login-form__group{flex-direction:column;gap:6px;display:flex}.login-form__label{color:var(--text-secondary);letter-spacing:.08em;font-size:.75rem;font-weight:600}.login-form__input{background:var(--bg-elevated);border:1px solid var(--border);color:#fff;border-radius:6px;width:100%;padding:12px 14px;font-size:.9rem;transition:border-color .2s}.login-form__input:focus{border-color:var(--accent);outline:none}.login-form__input::placeholder{color:var(--text-dim)}.login-form__password-wrap{position:relative}.login-form__password-wrap .login-form__input{padding-right:44px}.login-form__password-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-form__password-toggle:hover{color:#fff}.login-form__submit{background:var(--accent);color:#080808;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:4px;padding:13px;font-size:.95rem;font-weight:700;transition:opacity .2s}.login-form__submit:hover:not(:disabled){opacity:.88}.login-form__submit:disabled{opacity:.5;cursor:not-allowed}.login-error{border:1px solid var(--danger);width:100%;color:var(--danger);text-align:center;background:#ef44441a;border-radius:6px;margin-bottom:8px;padding:10px 14px;font-size:.82rem}.login-footer{text-align:center;color:var(--text-dim);padding:20px;font-size:.72rem}@keyframes spin{to{transform:rotate(360deg)}}.admin-page{background:var(--bg-base);min-height:calc(100vh - 56px);overflow-y:auto}.admin-page__inner{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding:24px 24px 40px;display:flex}.admin-page__header{justify-content:space-between;align-items:center;display:flex}.admin-page__title{color:var(--text-primary);margin:0;font-size:1.3rem;font-weight:700}.stat-cards{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}.stat-card__label{color:var(--text-secondary);align-items:center;gap:6px;font-size:.72rem;display:flex}.stat-card__value{font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:700}.stat-card__sub{color:var(--text-muted);font-size:.65rem}.dash-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;flex-direction:column;gap:12px;padding:16px 18px;display:flex}.dash-card__title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.dash-card__empty{color:var(--text-muted);text-align:center;padding:20px 0;font-size:.8rem}.dash-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.device-list{flex-direction:column;gap:6px;display:flex}.device-item{background:var(--bg-elevated);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;display:flex}.device-item__left{align-items:center;gap:8px;display:flex}.device-item__name{color:var(--text-primary);font-size:.82rem}.device-item__factory{color:var(--text-muted);background:var(--bg-base);border-radius:4px;padding:1px 6px;font-size:.72rem}.device-item__right{align-items:center;gap:8px;display:flex}.device-item__version{color:var(--text-muted);font-size:.72rem}.device-item__status{border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600}.device-item__status--online{color:#22c55e;background:#22c55e26}.device-item__status--offline{color:#6b7280;background:#6b728026}.audit-list{flex-direction:column;gap:4px;max-height:260px;display:flex;overflow-y:auto}.audit-item{border-radius:4px;grid-template-columns:68px 90px 90px 1fr;align-items:center;gap:8px;padding:6px 8px;font-size:.75rem;display:grid}.audit-item:hover{background:var(--bg-elevated)}.audit-item__time{color:var(--text-muted);font-variant-numeric:tabular-nums}.audit-item__who{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.audit-item__action{color:var(--accent);font-weight:500}.audit-item__target{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.vld-page{box-sizing:border-box;flex-direction:column;gap:14px;height:calc(100vh - 56px);padding:20px 24px 0;display:flex;overflow:hidden}.vld-header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.vld-header__left{align-items:center;gap:16px;display:flex}.vld-title{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.vld-stat-pills{gap:8px;display:flex}.vld-pill{color:var(--text-secondary);background:var(--bg-elevated);border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:.72rem}.vld-pill b{color:var(--text-primary)}.vld-pill--green b{color:#22c55e}.vld-pill--red b{color:#ef4444}.vld-pill--accent b{color:var(--accent)}.vld-export-btn{padding:7px 16px;font-size:.8rem}.vld-filters{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;display:flex}.vld-select{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:.78rem}.tab-group{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;display:flex;overflow:hidden}.tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:5px 11px;font-size:.75rem;transition:background .15s,color .15s}.tab-btn:hover{color:var(--text-primary);background:var(--bg-base)}.tab-btn--active{color:#080808;background:var(--accent)}.vld-count{color:var(--text-muted);margin-left:4px;font-size:.75rem}.vld-layout{flex:1;grid-template-columns:380px 1fr;gap:14px;min-height:0;padding-bottom:20px;display:grid}.vld-list{flex-direction:column;gap:6px;padding-right:4px;display:flex;overflow-y:auto}.vld-list::-webkit-scrollbar{width:4px}.vld-list::-webkit-scrollbar-track{background:0 0}.vld-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.vld-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:.82rem}.vld-card{background:var(--bg-surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;flex-shrink:0;align-items:stretch;transition:border-color .15s,background .15s;display:flex;overflow:hidden}.vld-card:hover{background:var(--bg-elevated);border-color:var(--accent)}.vld-card--active{border-color:var(--accent);background:var(--bg-elevated);box-shadow:0 0 0 1px var(--accent)}.vld-card__bar{flex-shrink:0;width:4px}.vld-card__body{flex-direction:column;flex:1;gap:5px;min-width:0;padding:10px 12px;display:flex}.vld-card__top{align-items:center;gap:8px;display:flex}.vld-card__type{font-size:.78rem;font-weight:700}.vld-card__level{border-radius:10px;padding:1px 6px;font-size:.66rem;font-weight:600}.vld-card__level--danger{color:#ef4444;background:#ef44441f}.vld-card__level--warning{color:#f59e0b;background:#f59e0b1f}.vld-card__time{color:var(--text-muted);white-space:nowrap;margin-left:auto;font-size:.68rem}.vld-card__msg{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.vld-card__badges{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.vld-card__id{color:var(--text-muted);margin-left:auto;font-size:.65rem}.vld-detail{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.vld-detail::-webkit-scrollbar{width:4px}.vld-detail::-webkit-scrollbar-track{background:0 0}.vld-detail::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.vld-detail__empty{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.vld-detail__empty-icon{opacity:.3;font-size:2rem}.vld-detail__empty p{margin:0;font-size:.82rem}.vld-detail__snap{background:var(--bg-base);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:center;align-items:center;min-height:220px;max-height:340px;display:flex;overflow:hidden}.vld-detail__snap img{object-fit:contain;width:100%;height:100%;display:block}.vld-detail__snap-placeholder{color:var(--text-muted);font-size:.78rem}.vld-detail__section{border-bottom:1px solid var(--border);padding:16px 20px}.vld-detail__section:last-child{border-bottom:none}.vld-detail__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:.68rem;font-weight:600}.vld-detail__rows{flex-direction:column;gap:7px;display:flex}.vld-detail__row{gap:12px;font-size:.8rem;display:flex}.vld-detail__row span:first-child{color:var(--text-muted);flex-shrink:0;min-width:70px}.vld-detail__row span:last-child{color:var(--text-primary)}.vld-detail__vlm-pending{color:var(--text-muted);padding:10px 0;font-size:.8rem}.vld-detail__vlm-box{border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.vld-detail__vlm-box--fp{background:#ef444412;border:1px solid #ef444433}.vld-detail__vlm-box--risk{background:#22c55e12;border:1px solid #22c55e33}.vld-detail__vlm-verdict{font-size:.85rem;font-weight:700}.vld-detail__vlm-box--fp .vld-detail__vlm-verdict{color:#ef4444}.vld-detail__vlm-box--risk .vld-detail__vlm-verdict{color:#22c55e}.vld-detail__vlm-item{font-size:.8rem}.vld-detail__vlm-item b{color:var(--text-secondary);margin-bottom:4px;font-weight:600;display:block}.vld-detail__vlm-item p{color:var(--text-primary);margin:0;line-height:1.6}.vld-detail__eff-empty{color:var(--text-muted);padding:8px 0;font-size:.78rem}.vld-detail__eff-grid{grid-template-columns:repeat(5,1fr);gap:6px;display:grid}.vld-detail__eff-part{background:var(--bg-elevated);border:1px solid var(--border);text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex}.vld-detail__eff-part--unknown{opacity:.45}.vld-detail__eff-part-name{color:var(--text-muted);font-size:.7rem;font-weight:600}.vld-detail__eff-part-label{color:var(--text-primary);word-break:keep-all;font-size:.72rem;font-weight:600}.vld-detail__eff-part--unknown .vld-detail__eff-part-label{color:var(--text-muted);font-style:italic}.vld-detail__eff-part-conf{color:var(--accent);font-size:.68rem}.vld-detail__validated-badge{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e4d;border-radius:6px;align-items:center;gap:6px;margin-bottom:10px;padding:6px 12px;font-size:.8rem;display:inline-flex}.vld-detail__posture-class{color:var(--text-secondary);font-size:.78rem}.vld-detail__validate-form{flex-direction:column;gap:8px;display:flex}.vld-detail__posture-input{box-sizing:border-box;background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:6px;padding:8px 12px;font-size:.8rem}.vld-detail__posture-input::placeholder{color:var(--text-muted)}.vld-detail__posture-input:focus{border-color:var(--accent);outline:none}.vld-detail__validate-btns{flex-wrap:wrap;gap:8px;display:flex}.vld-validate-btn{cursor:pointer;border:1.5px solid #0000;border-radius:6px;padding:8px 16px;font-size:.8rem;font-weight:600;transition:all .15s}.vld-validate-btn:disabled{opacity:.5;cursor:not-allowed}.vld-validate-btn--danger{color:#ef4444;background:#ef44441a;border-color:#ef444466}.vld-validate-btn--danger:hover:not(:disabled){background:#ef444433}.vld-validate-btn--normal{color:#22c55e;background:#22c55e1a;border-color:#22c55e66}.vld-validate-btn--normal:hover:not(:disabled){background:#22c55e33}.vld-validate-btn--fp{color:#f97316;background:#f973161a;border-color:#f9731666}.vld-validate-btn--fp:hover:not(:disabled){background:#f9731633}.vld-validate-btn--reset{color:var(--text-muted);border-color:var(--border);background:0 0;margin-left:auto}.vld-validate-btn--reset:hover:not(:disabled){color:var(--text-primary);border-color:var(--text-muted)}.badge--purple{color:#a78bfa;background:#8b5cf626;border:1px solid #8b5cf64d}.badge--orange{color:#f97316;background:#f9731626;border:1px solid #f973164d}.badge--teal{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a64d}.ota-summary{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;align-items:center;gap:32px;padding:16px 20px;display:flex}.ota-summary__item{flex-direction:column;gap:4px;display:flex}.ota-summary__label{color:var(--text-muted);font-size:.72rem}.ota-summary__value{font-size:1.3rem;font-weight:700}.release-list{flex-direction:column;gap:10px;display:flex}.release-item{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;padding:12px 14px;display:flex}.release-item__left{align-items:center;gap:10px;display:flex}.release-item__version{color:var(--accent);font-size:.9rem;font-weight:700}.release-item__date{color:var(--text-muted);margin-left:auto;font-size:.72rem}.release-item__notes{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.78rem}.device-check-list{background:var(--bg-elevated);border:1px solid var(--border);border-radius:6px;flex-direction:column;gap:6px;max-height:200px;padding:8px 12px;display:flex;overflow-y:auto}.vld-table{border-collapse:collapse;width:100%}.vld-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:.72rem;font-weight:600}.vld-table td{color:var(--text-primary);border-bottom:1px solid #1e2130;padding:10px 14px;font-size:.8rem}.vld-time{color:var(--text-muted);white-space:nowrap;font-size:.72rem}.badge{border-radius:10px;padding:2px 8px;font-size:.68rem;font-weight:600;display:inline-block}.badge--green{color:#22c55e;background:#22c55e1f}.badge--red{color:#ef4444;background:#ef44441f}.badge--gray{color:#6b7280;background:#6b72801f}.badge--blue{color:#818cf8;background:#6366f11f}.badge--yellow{color:#ca8a04;background:#eab3081f}.modal-backdrop{z-index:300;background:#000000a6;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;flex-direction:column;width:100%;max-width:640px;max-height:90vh;display:flex;overflow-y:auto}.modal__header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal__title{color:var(--text-primary);font-size:.9rem;font-weight:600}.modal__close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:1rem}.modal__close:hover{background:var(--bg-elevated);color:var(--text-primary)}.modal__body{flex-direction:column;gap:16px;padding:20px;display:flex}.btn-primary{background:var(--accent);color:#080808;cursor:pointer;border:none;border-radius:6px;font-size:.82rem;font-weight:600;transition:opacity .15s}.btn-primary:hover{opacity:.85}.btn-outline{color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:6px;transition:background .15s,color .15s}.btn-outline:hover{background:var(--bg-elevated);color:var(--text-primary)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.05em;font-size:.75rem;font-weight:600}.form-input{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary);border-radius:6px;width:100%;padding:8px 10px;font-size:.82rem}.form-input:focus{border-color:var(--accent);outline:none}textarea.form-input{resize:vertical;font-family:inherit}.form-check{color:var(--text-secondary);cursor:pointer;align-items:center;gap:8px;font-size:.8rem;display:flex}.spin{animation:1s linear infinite spin}.settings-card-header{justify-content:space-between;align-items:center;display:flex}.icon-btn{background:var(--bg-elevated);border:1px solid var(--border);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.icon-btn:hover{background:var(--border);color:var(--text-primary)}.icon-btn--danger:hover{color:var(--danger);border-color:var(--danger);background:#ef444426}