:root{--brand-orange: #024ad8;--brand-orange-hover: #0356e6;--brand-orange-active: #0e3191;--primary-blue: #024ad8;--primary-bright: #296ef9;--primary-soft: #c9e0fc;--accent-blue-focus: rgba(2, 74, 216, .15);--deep-black: #1a1a1a;--charcoal-gray: #3d3d3d;--medium-gray: #636363;--pure-white: #ffffff;--off-white: #f7f7f7;--light-surface: #f7f7f7;--light-gray: #e8e8e8;--input-border: #c2c2c2;--success-green: #1e874b;--warning-yellow: #c77700;--critical-red: #b3262b;--storm-sea: #7fadbe;--chart-muted: #8a8a8a;--select-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%23636363' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");--shadow-soft: 0 2px 8px rgba(26, 26, 26, .08);--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .08), 0 1px 2px -1px rgba(16, 24, 40, .06);--shadow-md: 0 4px 10px -2px rgba(16, 24, 40, .08), 0 2px 4px -2px rgba(16, 24, 40, .05);--shadow-lg: 0 12px 24px -6px rgba(16, 24, 40, .12), 0 4px 8px -4px rgba(16, 24, 40, .06);--shadow-xl: 0 24px 48px -12px rgba(16, 24, 40, .18), 0 8px 16px -8px rgba(16, 24, 40, .08);--shadow-brand-lift: 0 8px 20px -6px rgba(2, 74, 216, .35);--shadow-panel-left: -24px 0 48px -12px rgba(16, 24, 40, .18), -8px 0 16px -8px rgba(16, 24, 40, .1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-pill: 999px;--brand-gradient: linear-gradient(135deg, #024ad8 0%, #2560e0 100%);--brand-gradient-hover: linear-gradient(135deg, #0356e6 0%, #3366dd 100%);--slab-gradient: linear-gradient(160deg, #11141a 0%, #1a1f2b 55%, #131a2c 100%);--on-slab: #ffffff;--on-slab-soft: #c9d0dd;--on-slab-muted: #98a2b3;--on-slab-line: rgba(255, 255, 255, .14);--on-slab-chip: rgba(255, 255, 255, .06);--on-slab-chip-strong: rgba(255, 255, 255, .14);--on-accent: #ffffff;--on-status: #ffffff;--on-status-amber: #1f1400;--slab-bg: #1a1a1a;--slab-fg: #ffffff;--slab-muted: #c9c9c9;--slab-muted-strong: #e2e2e2;--brand-tint-weak: rgba(2, 74, 216, .05);--brand-tint-soft: rgba(2, 74, 216, .08);--brand-tint-medium: rgba(2, 74, 216, .1);--brand-tint-notice: rgba(2, 74, 216, .06);--brand-tint-notice-border: rgba(2, 74, 216, .18);--row-hover: rgba(2, 74, 216, .02);--warn-bg: #fdf6e9;--warn-border: #f0dfbc;--warn-fg: #6b4b06;--danger-bg: #fbeaea;--danger-border: #f0cccd;--shadow-header: rgba(0, 0, 0, .12) 0 1px 5px 0;--shadow-brand: 0 2px 4px rgba(2, 74, 216, .3);--overlay-bg: rgba(26, 26, 26, .35);--shadow-modal: rgba(0, 0, 0, .3) 0 4px 16px 0;--shadow-toast: 0 4px 12px rgba(0, 0, 0, .15);--shadow-login: 0 8px 24px rgba(26, 26, 26, .12);--scrim: rgba(0, 0, 0, .4);--switch-knob: #ffffff;--code-bg: #0f1222;--code-fg: #00ff66;--font-family: "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", "Malgun Gothic", "Apple SD Gothic Neo", Roboto, sans-serif;--font-mono: "Cascadia Mono", Consolas, "D2Coding", "Courier New", var(--font-family);--header-h: 68px;--sidebar-w: 240px}:root:lang(ja){--font-family: "Noto Sans JP", "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", "Hiragino Sans", "Yu Gothic", Meiryo, Roboto, sans-serif}:root[data-theme=dark]{--brand-orange: #4d8dff;--brand-orange-hover: #6ba1ff;--brand-orange-active: #3a76e0;--primary-blue: #4d8dff;--primary-bright: #7fb0ff;--primary-soft: #1e3a6b;--accent-blue-focus: rgba(77, 141, 255, .25);--deep-black: #eef1f6;--charcoal-gray: #c6ccd6;--medium-gray: #8b939f;--pure-white: #1b1e23;--off-white: #141619;--light-surface: #23272e;--light-gray: #2e333b;--input-border: #3c434e;--success-green: #3fbf74;--warning-yellow: #e0a13a;--critical-red: #f0666c;--overlay-bg: rgba(0, 0, 0, .55);--storm-sea: #7fadbe;--on-status: #14171c;--chart-muted: #7b828e;--select-chevron: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'><path d='M1 1l4 4 4-4' fill='none' stroke='%238b939f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>");--shadow-soft: 0 2px 8px rgba(0, 0, 0, .45);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 10px -2px rgba(0, 0, 0, .5), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 24px -6px rgba(0, 0, 0, .6), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 24px 48px -12px rgba(0, 0, 0, .7), 0 8px 16px -8px rgba(0, 0, 0, .5);--shadow-brand-lift: 0 8px 20px -6px rgba(77, 141, 255, .4);--shadow-panel-left: -24px 0 48px -12px rgba(0, 0, 0, .7), -8px 0 16px -8px rgba(0, 0, 0, .5);--brand-gradient: linear-gradient(135deg, #1b54d2 0%, #3366dd 100%);--brand-gradient-hover: linear-gradient(135deg, #2a60da 0%, #3768dd 100%);--shadow-header: rgba(0, 0, 0, .5) 0 1px 5px 0;--shadow-brand: 0 2px 4px rgba(0, 0, 0, .4);--shadow-modal: rgba(0, 0, 0, .6) 0 4px 16px 0;--shadow-toast: 0 4px 12px rgba(0, 0, 0, .5);--shadow-login: 0 8px 24px rgba(0, 0, 0, .5);--scrim: rgba(0, 0, 0, .6);--brand-tint-weak: rgba(77, 141, 255, .1);--brand-tint-soft: rgba(77, 141, 255, .16);--brand-tint-medium: rgba(77, 141, 255, .18);--brand-tint-notice: rgba(77, 141, 255, .12);--brand-tint-notice-border: rgba(77, 141, 255, .3);--row-hover: rgba(77, 141, 255, .06);--warn-bg: #2e2410;--warn-border: #4d3c15;--warn-fg: #e8c887;--danger-bg: #2e1618;--danger-border: #4d2427;--switch-knob: #eef1f6}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background-color:var(--off-white);color:var(--charcoal-gray);font-family:var(--font-family);font-size:14px;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}a{color:var(--brand-orange);text-decoration:none}a:hover{text-decoration:underline}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--off-white)}::-webkit-scrollbar-thumb{background:var(--input-border);border-radius:var(--radius-xs)}::-webkit-scrollbar-thumb:hover{background:var(--medium-gray)}header.top-nav{background:var(--pure-white);height:var(--header-h);width:100%;position:fixed;top:0;left:0;z-index:1000;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid var(--light-gray);box-shadow:var(--shadow-header)}.top-nav .header-right{margin-left:auto}.brand-section{display:flex;align-items:center;gap:12px}.brand-logo{background:var(--brand-gradient);color:var(--on-accent);font-weight:800;font-size:18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);box-shadow:var(--shadow-brand-lift);flex:none}.brand-name{font-size:20px;font-weight:800;color:var(--deep-black);letter-spacing:-.5px;white-space:nowrap}.brand-tag{font-size:11px;font-weight:600;background:var(--light-surface);border:1px solid var(--light-gray);color:var(--medium-gray);padding:2px 8px;border-radius:var(--radius-pill);margin-left:4px;white-space:nowrap}.header-right{display:flex;align-items:center;gap:20px}.user-profile{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--charcoal-gray)}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--light-gray);display:flex;align-items:center;justify-content:center;color:var(--charcoal-gray);font-weight:600;font-size:12px;flex:none}.logout-btn{background:none;border:none;color:var(--medium-gray);font-family:inherit;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;padding:6px 8px;border-radius:var(--radius-xs)}.logout-btn:hover{background:var(--light-surface);color:var(--deep-black)}.lang-switch{height:32px;padding:0 6px;background:none;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--medium-gray);font-family:var(--font-family);font-size:12px;cursor:pointer;flex:none}.lang-switch:hover{background:var(--light-surface);border-color:var(--light-gray);color:var(--deep-black)}.login-theme-toggle{display:flex;align-items:center;gap:6px}.theme-toggle{background:none;border:1px solid transparent;color:var(--medium-gray);width:32px;height:32px;border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;font-size:14px;cursor:pointer;flex:none}.theme-toggle:hover{background:var(--light-surface);border-color:var(--light-gray);color:var(--deep-black)}.login-theme-toggle{position:absolute;top:20px;right:24px;z-index:1}.wrapper{display:flex;margin-top:var(--header-h);min-height:calc(100vh - var(--header-h));min-height:calc(100dvh - var(--header-h))}aside.sidebar{width:var(--sidebar-w);background:var(--pure-white);border-right:1px solid var(--light-gray);position:fixed;top:var(--header-h);left:0;bottom:0;z-index:900;padding:16px 0;display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto}.sidebar-menu{list-style:none;width:100%}.menu-header{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--medium-gray);padding:12px 20px 6px;font-weight:600}.sidebar-item{display:flex;align-items:center;gap:11px;margin:1px 10px;padding:9px 12px;border-radius:var(--radius-sm);color:var(--charcoal-gray);text-decoration:none;font-size:13px;font-weight:500;transition:background .16s ease,color .16s ease;cursor:pointer}.sidebar-item:hover{background:var(--brand-tint-weak);color:var(--brand-orange);text-decoration:none}.sidebar-item.active{background:var(--brand-tint-soft);color:var(--brand-orange);font-weight:700}.sidebar-item i{width:16px;text-align:center;font-size:14px;flex:none}:root[data-sidebar=collapsed]{--sidebar-w: 64px}:root[data-sidebar=collapsed] .menu-header,:root[data-sidebar=collapsed] .sidebar-footer{display:none}:root[data-sidebar=collapsed] .sidebar-item{justify-content:center;margin:1px 8px;padding:11px 0;gap:0}:root[data-sidebar=collapsed] .sidebar-item>span{display:none}.sidebar-handle{position:fixed;top:calc(var(--header-h) + 18px);left:calc(var(--sidebar-w) - 14px);width:28px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-sm);color:var(--medium-gray);font-size:12px;cursor:pointer;z-index:920;box-shadow:var(--shadow-soft)}.sidebar-handle:hover{color:var(--brand-orange);border-color:var(--brand-orange)}.sidebar-tip{position:fixed;left:calc(var(--sidebar-w) + 10px);transform:translateY(-50%);z-index:1100;padding:6px 10px;border-radius:var(--radius-sm);background:var(--deep-black);color:var(--pure-white);font-size:12px;font-weight:500;white-space:nowrap;box-shadow:var(--shadow-modal);pointer-events:none}@media(max-width:768px){.sidebar-tip{display:none}}.menu-btn{display:none}.menu-btn{background:none;border:1px solid transparent;color:var(--medium-gray);margin-right:12px;width:32px;height:32px;border-radius:var(--radius-sm);cursor:pointer;flex:none;font-size:16px}@media(max-width:768px){.sidebar-handle{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center}}.sidebar-footer{padding:20px;border-top:1px solid var(--light-gray);font-size:11px;color:var(--medium-gray);text-align:center}main.content{margin-left:var(--sidebar-w);flex-grow:1;padding:24px 32px;background:var(--off-white);max-width:1360px;min-width:0}.page-header{margin-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.page-header>div:first-child{flex:1 1 260px;min-width:0}.page-title{font-size:26px;font-weight:800;color:var(--deep-black);letter-spacing:-.7px}.page-desc{margin-top:7px;font-size:13.5px;color:var(--medium-gray);max-width:78ch}.card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin-bottom:24px;position:relative;overflow:hidden}.card-header{padding:18px 22px;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:center;gap:16px}.card-title{font-size:15px;font-weight:700;letter-spacing:-.2px;color:var(--deep-black)}.card-body{padding:22px}.card-body.flush{padding:0}.card-body.flush>.alert-box{margin-left:22px;margin-right:22px;margin-bottom:0}.card-body.flush:has(>.alert-box){padding-bottom:22px}.form-group{margin-bottom:16px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--charcoal-gray);margin-bottom:6px}.form-control{width:100%;height:28px;padding:4px 8px;font-size:12px;font-family:var(--font-family);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--charcoal-gray);background-color:var(--pure-white);outline:none;transition:border-color .18s ease,box-shadow .18s ease}:where(a,button,[role=button],summary,[tabindex]):focus-visible{outline:2px solid var(--brand-orange);outline-offset:2px}.form-control:focus{border-color:var(--primary-blue);box-shadow:0 0 0 3px var(--accent-blue-focus)}.form-control:disabled{background-color:var(--light-surface);color:var(--medium-gray);cursor:not-allowed}textarea.form-control{height:auto;min-height:80px;padding:8px}select.form-control{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:24px;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 8px center}input[type=date]::-webkit-calendar-picker-indicator{opacity:.55;cursor:pointer}input[type=date]:hover::-webkit-calendar-picker-indicator{opacity:.85}:root[data-theme=dark] input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.6}.form-hint{font-size:11px;color:var(--medium-gray);margin-top:4px}.form-error{font-size:11px;color:var(--critical-red);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:10px 24px;font-size:14px;font-weight:600;font-family:var(--font-family);text-transform:uppercase;letter-spacing:.7px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.btn:disabled{background:var(--light-gray);border-color:var(--input-border);color:var(--medium-gray);cursor:not-allowed;box-shadow:none;transform:none}.btn-primary{background:var(--brand-gradient);color:var(--on-accent);border-color:transparent;box-shadow:var(--shadow-brand-lift)}.btn-primary:hover:not(:disabled){background:var(--brand-gradient-hover);border-color:transparent;transform:translateY(-1px)}.btn-primary:active:not(:disabled){background:var(--brand-orange-active);border-color:var(--brand-orange-active);transform:translateY(0);box-shadow:var(--shadow-xs)}.btn-secondary{background:var(--pure-white);color:var(--charcoal-gray);border-color:var(--input-border)}.btn-secondary:hover:not(:disabled){background:var(--light-surface)}.btn-danger{background:var(--pure-white);color:var(--critical-red);border-color:var(--critical-red)}.btn-danger:hover:not(:disabled){background:var(--critical-red);color:var(--on-status)}.btn-sm{height:30px;padding:5px 14px;font-size:12px;letter-spacing:.4px}.btn-icon{padding-left:0;padding-right:0;width:30px}th.th-sort{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}th.th-sort:hover{color:var(--deep-black)}th.th-sort i{margin-left:6px;font-size:11px;color:var(--input-border)}th.th-sort.active,th.th-sort.active i{color:var(--brand-orange)}td.cell-actions,td.cell-1line{white-space:nowrap}td.cell-clip{max-width:200px;overflow:hidden;text-overflow:ellipsis}td.cell-actions>.row{flex-wrap:nowrap}td.cell-actions>.btn+.btn{margin-left:6px}.row-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1500}.row-menu{position:fixed;z-index:1501;background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);padding:4px;display:flex;flex-direction:column}.row-menu-item{display:flex;align-items:center;gap:8px;width:100%;height:34px;padding:0 10px;background:none;border:0;border-radius:var(--radius-xs);font-family:var(--font-family);font-size:13px;color:var(--charcoal-gray);text-align:left;cursor:pointer}.row-menu-item:hover{background:var(--light-surface)}.row-menu-item.danger{color:var(--critical-red)}.row-menu-item i{width:14px;text-align:center}.row-menu-gap{width:14px}.badge{display:inline-block;padding:3px 8px;font-size:11px;font-weight:700;letter-spacing:.2px;color:var(--on-status);border-radius:var(--radius-pill);white-space:nowrap}.badge-success{--dot: var(--success-green);background:var(--dot)}.badge-warning{--dot: var(--warning-yellow);background:var(--dot);color:var(--on-status-amber)}.badge-danger{--dot: var(--critical-red);background:var(--dot)}.badge-gray{--dot: var(--medium-gray);background:var(--dot)}.badge-info{--dot: var(--brand-orange);background:var(--dot)}.cell-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:260px;word-break:break-word}td.cell-os>span{display:inline-block;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}td.cell-note{min-width:320px}td.cell-note .cell-clamp-2{max-width:460px}td .badge{display:inline-flex;align-items:center;gap:6px;padding:2px 0;background:none;color:var(--charcoal-gray);font-weight:600;letter-spacing:0}td .badge:before{content:"";flex:none;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--dot, var(--medium-gray))}td .badge:has(i):before{display:none}td.cell-event .badge{min-width:92px}.q-head .badge{min-width:92px;text-align:center}.table-container{overflow-x:auto}table.data-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}table.data-table th{background:var(--light-surface);border-bottom:1px solid var(--light-gray);padding:11px 16px;font-size:11.5px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--medium-gray);white-space:nowrap}table.data-table td{border-bottom:1px solid var(--light-gray);padding:13px 16px;color:var(--charcoal-gray);vertical-align:middle}table.data-table tbody tr:hover{background-color:var(--row-hover)}.table-empty{padding:44px 16px;text-align:center;color:var(--medium-gray);font-size:13px}.table-empty-mark{display:block;margin:0 auto 10px;font-size:22px;opacity:.38}.table-empty.error{color:var(--critical-red)}.toolbar{background:var(--light-surface);border-bottom:1px solid var(--light-gray);padding:13px 22px;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.toolbar .search-box{display:flex;gap:10px;align-items:center;flex-grow:1;max-width:520px}.toolbar .form-control{background:var(--pure-white)}.pager{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 20px;border-top:1px solid var(--light-gray);font-size:12px;color:var(--medium-gray);background:var(--pure-white)}.pager-buttons{display:flex;align-items:center;gap:8px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.stack-cards{display:grid;grid-template-columns:1fr;gap:20px;margin-bottom:24px}.notice-body{overflow-wrap:anywhere;color:var(--deep-black)}.notice-body>:first-child{margin-top:0}.notice-body>:last-child{margin-bottom:0}.notice-body p{margin:0 0 12px;line-height:1.7}.notice-body h1,.notice-body h2,.notice-body h3,.notice-body h4{margin:20px 0 8px;line-height:1.4}.notice-body h1{font-size:20px}.notice-body h2{font-size:17px}.notice-body h3{font-size:15px}.notice-body h4{font-size:14px}.notice-body ul,.notice-body ol{margin:0 0 12px;padding-left:22px}.notice-body li{margin:4px 0;line-height:1.7}.notice-body a{color:var(--brand-orange);text-decoration:underline}.notice-body img{max-width:100%;height:auto;border-radius:var(--radius-xs)}.notice-body hr{border:0;border-top:1px solid var(--light-gray);margin:16px 0}.notice-body blockquote{margin:0 0 12px;padding:8px 14px;border-left:3px solid var(--light-gray);color:var(--medium-gray)}.notice-body pre{white-space:pre-wrap;background:var(--light-surface);padding:10px 12px;border-radius:var(--radius-xs);overflow-x:auto}.notice-body code{font-family:var(--font-mono);font-size:.92em}.notice-body table{border-collapse:collapse;margin:0 0 12px;width:100%}.notice-body th,.notice-body td{border:1px solid var(--light-gray);padding:6px 10px;text-align:left}.notice-body th{background:var(--light-surface);font-weight:600}.notice-lang-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px}.notice-editor-bar{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 8px}.notice-editor-tools{display:flex;flex-wrap:wrap;gap:6px}.notice-editor-pane[hidden]{display:none}.notice-editor-source{font-family:var(--font-family);font-size:14px;line-height:1.7;resize:vertical;width:100%}.notice-editor-preview{border:1px solid var(--light-gray);border-radius:var(--radius-xs);padding:16px 18px;overflow-y:auto;min-height:520px;max-height:60vh;background:var(--pure-white)}@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.grid-4{grid-template-columns:1fr}main.content{margin-left:0;padding:16px}aside.sidebar{width:264px;transform:translate(-100%);transition:transform .2s ease;box-shadow:none;z-index:950}:root[data-menu=open] aside.sidebar{transform:none;box-shadow:var(--shadow-modal)}:root[data-sidebar=collapsed] .menu-header,:root[data-sidebar=collapsed] .sidebar-footer{display:revert}:root[data-sidebar=collapsed] .sidebar-item{justify-content:flex-start;margin:1px 10px;padding:9px 12px;gap:11px}:root[data-sidebar=collapsed] .sidebar-item>span{display:revert}:root[data-menu=open] body{overflow:hidden}.top-nav{padding:0 12px}.header-right{gap:10px;min-width:0}.user-profile>span,.logout-btn>span,.brand-tag{display:none}.brand-logo{width:28px;height:28px;font-size:14px}.brand-name{display:none}}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;top:var(--header-h);background:var(--scrim);z-index:900;border:0;padding:0;cursor:pointer}.metric-card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:20px 22px;display:flex;align-items:center;gap:16px}.metric-icon{width:48px;height:48px;background:var(--brand-tint-medium);color:var(--brand-orange);display:flex;align-items:center;justify-content:center;font-size:20px;border-radius:var(--radius-md);flex:none}.metric-info{min-width:0}.metric-info h3{font-size:12px;font-weight:600;color:var(--medium-gray);text-transform:uppercase;letter-spacing:.05em}.metric-value{font-size:28px;font-weight:800;letter-spacing:-.8px;color:var(--deep-black);margin-top:4px}.metric-value .unit{font-size:15px;color:var(--medium-gray);font-weight:400}.metric-sub{font-size:11px;color:var(--medium-gray);margin-top:3px}.metric-sub .up{color:var(--success-green);font-weight:600}.metric-sub .down{color:var(--critical-red);font-weight:600}.metric-value.unknown{font-size:18px;color:var(--medium-gray);font-weight:500}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--scrim);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px}.modal-box{background:var(--pure-white);border-radius:var(--radius-lg);width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow:hidden}.modal-box-wide{max-width:1040px}.modal-header{padding:18px 22px;border-bottom:1px solid var(--light-gray);display:flex;justify-content:space-between;align-items:center;background:var(--light-surface)}.modal-title{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--deep-black)}.modal-close{background:none;border:none;font-size:18px;color:var(--medium-gray);cursor:pointer;line-height:1}.modal-close:hover{color:var(--deep-black)}.modal-body{padding:20px;overflow-y:auto}.modal-footer{padding:12px 20px;border-top:1px solid var(--light-gray);display:flex;justify-content:flex-end;gap:12px;background:var(--light-surface)}.toast-container{position:fixed;bottom:24px;right:24px;z-index:3000}.toast{background:var(--slab-bg);color:var(--on-accent);padding:12px 20px;border-radius:var(--radius-xs);display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:var(--shadow-toast);margin-bottom:8px;max-width:420px;animation:toastIn .3s forwards}.toast.error{background:var(--critical-red)}@keyframes toastIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.tag{display:inline-block;padding:1px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-md);background:var(--brand-tint-medium);color:var(--primary-blue);margin-right:4px}.seg{display:inline-flex;border:1px solid var(--input-border);border-radius:var(--radius-xs);overflow:hidden}.seg button{border:none;background:var(--pure-white);padding:6px 14px;font-size:12px;font-family:var(--font-family);color:var(--charcoal-gray);cursor:pointer}.seg button.active{background:var(--brand-orange);color:var(--on-status)}.switch{position:relative;display:inline-block;width:38px;height:20px;flex:none}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background:var(--input-border);border-radius:var(--radius-pill);transition:.2s}.switch .slider:before{content:"";position:absolute;height:14px;width:14px;left:3px;bottom:3px;background:var(--switch-knob);border-radius:50%;transition:.2s}.switch input:checked+.slider{background:var(--success-green)}.switch input:checked+.slider:before{transform:translate(18px)}.policy-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--light-gray)}.policy-row:last-child{border-bottom:none}.policy-row .policy-desc{font-size:11px;color:var(--medium-gray);margin-top:2px}.token-box{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--code-bg);color:var(--code-fg);font-family:var(--font-mono);font-size:12px;padding:12px 14px;border-radius:var(--radius-xs);word-break:break-all}.kv-list{list-style:none}.kv-list li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px dashed var(--light-gray);font-size:12px}.kv-list li:last-child{border-bottom:none}.q-row{margin-bottom:16px}.q-head{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--charcoal-gray);margin-bottom:6px}.q-head .q-share{color:var(--medium-gray)}.q-bar{width:100%;height:8px;background:var(--light-gray);border-radius:var(--radius-xs);overflow:hidden}.q-fill{height:100%;background:var(--brand-orange);border-radius:var(--radius-xs);transition:width .5s ease}.q-fill.relay{background:var(--storm-sea)}.q-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--medium-gray);margin-top:6px}.q-meta strong{color:var(--deep-black)}.chart-container{position:relative;height:180px;width:100%}.alert-box{padding:13px 16px 13px 15px;border-radius:var(--radius-md);font-size:13px;margin-bottom:16px;display:flex;gap:10px;align-items:flex-start;line-height:1.6}.alert-box i{margin-top:2px;flex:none}*+.alert-box{margin-top:16px}.alert-toggle{flex:none;align-self:flex-start;margin-left:auto;padding:2px 8px;border:1px solid transparent;border-radius:var(--radius-xs);background:none;color:var(--medium-gray);font-family:var(--font-family);font-size:11.5px;white-space:nowrap;cursor:pointer}.alert-toggle:hover{border-color:var(--light-gray);color:var(--deep-black)}.alert-box.collapsed{align-items:center}.alert-box.info{background:var(--brand-tint-notice);border:1px solid var(--brand-tint-notice-border);border-left-width:4px;border-left-color:var(--brand-orange);color:var(--charcoal-gray)}.alert-box.info i{color:var(--brand-orange)}.alert-box.warn{background:var(--warn-bg);border:1px solid var(--warn-border);border-left-width:4px;border-left-color:var(--warning-yellow);color:var(--warn-fg)}.alert-box.warn i{color:var(--warning-yellow)}.alert-box.error{background:var(--danger-bg);border:1px solid var(--danger-border);border-left-width:4px;border-left-color:var(--critical-red);color:var(--critical-red)}.login-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5000;background:var(--off-white);background-image:radial-gradient(ellipse 60% 50% at 15% 0%,var(--brand-tint-soft),transparent 70%),radial-gradient(ellipse 50% 60% at 95% 100%,var(--brand-tint-weak),transparent 70%);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto}.login-split{width:100%;max-width:980px;background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:560px}.login-brand{position:relative;overflow:hidden;background:var(--slab-gradient);color:var(--slab-fg);padding:52px 44px;display:flex;flex-direction:column;justify-content:space-between;gap:28px}.login-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--on-slab-line) 1px,transparent 1px),linear-gradient(90deg,var(--on-slab-line) 1px,transparent 1px);background-size:56px 56px;opacity:.4;-webkit-mask-image:radial-gradient(ellipse 100% 70% at 30% 0%,#000 0%,transparent 78%);mask-image:radial-gradient(ellipse 100% 70% at 30% 0%,#000 0%,transparent 78%);pointer-events:none}.login-chevron{position:absolute;top:-40px;right:-60px;width:230px;height:230px;background:var(--brand-orange);clip-path:polygon(0 0,55% 0,100% 100%,45% 100%);opacity:.26;filter:blur(1px)}.login-chevron.two{top:auto;bottom:-70px;right:44px;width:150px;height:150px;background:var(--primary-bright);opacity:.16}.login-brand-top{position:relative;z-index:1;display:flex;align-items:center;gap:12px;color:var(--on-accent);width:fit-content}.login-brand-top:hover{text-decoration:none}.login-brand-logo{background:var(--brand-gradient);box-shadow:var(--shadow-brand-lift);color:var(--on-accent);font-weight:800;font-size:22px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex:none}.login-brand-name{font-size:24px;font-weight:700;letter-spacing:-.3px}.login-brand-body{position:relative;z-index:1}.login-brand-body h2{font-size:32px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:16px}.login-brand-body p{font-size:14px;color:var(--slab-muted);line-height:1.6}.login-feature{position:relative;z-index:1;list-style:none;display:flex;flex-direction:column;gap:12px}.login-feature li{font-size:13.5px;color:var(--slab-muted-strong);display:flex;align-items:center;gap:11px}.login-dl{position:relative;z-index:1;display:flex;flex-direction:column;gap:10px}.login-dl-label{font-size:11.5px;letter-spacing:.3px;text-transform:uppercase;color:var(--on-slab-muted)}.login-dl-row{display:flex;gap:10px}.login-dl-btn{flex:1 1 0;min-width:0;display:flex;align-items:center;gap:11px;padding:11px 13px;border:1px solid var(--on-slab-line);border-radius:var(--radius-md);background:var(--on-slab-chip);color:var(--on-slab);transition:background .15s ease,border-color .15s ease,transform .15s ease}.login-dl-btn:hover{background:var(--on-slab-chip-strong);border-color:var(--on-slab-chip-strong);text-decoration:none;color:var(--on-slab)}.login-dl-btn:active{transform:translateY(1px)}.login-dl-btn i{font-size:17px;flex:none;width:20px;text-align:center;color:var(--on-slab-soft)}.login-dl-btn span{display:flex;flex-direction:column;gap:1px;min-width:0}.login-dl-btn strong{font-size:13.5px;font-weight:700;line-height:1.2}.login-dl-btn small{font-size:11.5px;color:var(--on-slab-muted);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.login-feature i{width:22px;height:22px;border-radius:var(--radius-pill);background:var(--on-slab-chip-strong);color:var(--primary-bright);font-size:10px;display:flex;align-items:center;justify-content:center;flex:none}.login-form-panel{padding:52px 48px;display:flex;flex-direction:column;justify-content:center}.login-form-panel h1{font-size:27px;font-weight:800;letter-spacing:-.7px;color:var(--deep-black);margin-bottom:7px}.login-sub{font-size:13px;color:var(--medium-gray);margin-bottom:26px}.login-error{color:var(--critical-red);font-size:12px;margin-bottom:10px;min-height:16px}.login-field{margin-bottom:18px}.login-field label{display:block;font-size:12px;font-weight:600;color:var(--charcoal-gray);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.login-input{width:100%;height:44px;padding:10px 14px;font-size:14px;font-family:var(--font-family);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--deep-black);background:var(--pure-white);outline:none;box-shadow:var(--shadow-xs);transition:border-color .18s ease,box-shadow .18s ease}.login-input:focus{border-color:var(--brand-orange);box-shadow:0 0 0 3px var(--accent-blue-focus)}.login-remember{display:flex;align-items:center;justify-content:space-between;margin:4px 0 24px;font-size:13px}.login-remember label{display:flex;align-items:center;gap:8px;color:var(--charcoal-gray);cursor:pointer}.login-btn{width:100%;height:48px;background:var(--brand-gradient);color:var(--on-accent);border:none;border-radius:var(--radius-sm);box-shadow:var(--shadow-brand-lift);font-family:var(--font-family);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.login-btn:hover:not(:disabled){background:var(--brand-gradient-hover);transform:translateY(-1px)}.login-btn:active:not(:disabled){background:var(--brand-orange-active);transform:translateY(0);box-shadow:var(--shadow-xs)}.login-btn:disabled{background:var(--input-border);box-shadow:none;cursor:not-allowed}.login-btn.secondary{background:var(--pure-white);color:var(--charcoal-gray);border:1px solid var(--input-border);box-shadow:var(--shadow-xs)}.login-btn.secondary:hover:not(:disabled){background:var(--light-surface)}.login-hint{margin-top:22px;font-size:12px;color:var(--medium-gray);line-height:1.5;background:var(--light-surface);border:1px dashed var(--light-gray);border-radius:var(--radius-md);padding:12px 14px}.login-foot{margin-top:20px;font-size:11px;color:var(--medium-gray);text-align:center}@media(max-width:760px){.login-split{grid-template-columns:1fr;max-width:420px;min-height:0}.login-brand{padding:28px;gap:20px}.login-brand-body h2{font-size:22px}.login-feature,.login-dl{display:none}.login-form-panel{padding:32px 28px}}.mono{font-family:var(--font-mono);font-size:12px}.muted{color:var(--medium-gray)}.strong{font-weight:600;color:var(--deep-black)}.row{display:flex;align-items:center;gap:8px}.row-wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:12px}.center-note{display:grid;place-items:center;min-height:100vh;min-height:100dvh;color:var(--medium-gray);font-size:13px}.login-or{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text-muted);font-size:12px}.login-or:before,.login-or:after{content:"";flex:1;height:1px;background:var(--input-border)}.login-btn-google{background:var(--pure-white);box-shadow:var(--shadow-xs);color:var(--text-strong);border:1px solid var(--input-border);text-decoration:none;text-transform:none;letter-spacing:0}.login-btn-google:hover{background:var(--light-surface)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.plan-card{position:relative;border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:18px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--pure-white)}.plan-card.is-current{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue) inset,var(--shadow-md)}.plan-card:hover{transform:translateY(-2px);border-color:var(--primary-soft);box-shadow:var(--shadow-md)}.plan-card.is-current:hover{border-color:var(--primary-blue);box-shadow:0 0 0 1px var(--primary-blue) inset,var(--shadow-lg)}.plan-card-name{font-weight:700;font-size:15px;color:var(--deep-black);display:flex;align-items:center;gap:6px}.plan-card-devices{font-size:13px;color:var(--medium-gray)}.plan-card-price{font-size:13px;color:var(--deep-black);flex:1}.billing-period{border-left:3px solid var(--primary-blue);padding:6px 0 6px 14px}.billing-period-days{font-size:28px;font-weight:800;letter-spacing:-.8px;color:var(--deep-black);line-height:1.25}.billing-period-until{font-size:12px;color:var(--medium-gray);margin-top:2px}.billing-period.is-soon{border-left-color:var(--warning-yellow)}.billing-period.is-soon .billing-period-days{color:var(--warning-yellow)}.billing-period.is-over{border-left-color:var(--critical-red)}.billing-period.is-over .billing-period-days,.text-danger{color:var(--critical-red)}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1400;background:var(--overlay-bg);display:flex;justify-content:flex-end;animation:detail-fade .18s ease}.detail-panel{width:min(1320px,100vw);height:100%;background:var(--light-surface);border-left:1px solid var(--light-gray);box-shadow:var(--shadow-panel-left);display:flex;flex-direction:column;animation:detail-slide-in .3s cubic-bezier(.22,.8,.3,1)}@keyframes detail-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes detail-fade{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.detail-overlay,.detail-panel{animation:none}}.detail-head{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--pure-white);border-bottom:1px solid var(--light-gray);box-shadow:var(--shadow-sm);flex:none}.preview-box{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-md);background:var(--light-surface);border:1px solid var(--light-gray);overflow:hidden;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.preview-img{width:100%;height:100%;object-fit:contain;display:block}.preview-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--medium-gray);font-size:12px;text-align:center;padding:0 16px;line-height:1.5}.preview-empty i{font-size:22px;opacity:.5}.preview-pill{position:absolute;left:8px;top:8px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--scrim);color:var(--on-accent);font-size:11px;font-weight:700}.preview-when{position:absolute;right:8px;bottom:8px;padding:3px 9px;border-radius:var(--radius-pill);background:var(--scrim);color:var(--on-accent);font-size:11px}.detail-note{flex:none;padding:10px 22px;font-size:12px;line-height:1.5;color:var(--medium-gray);background:var(--brand-tint-notice);border-bottom:1px solid var(--brand-tint-notice-border)}.detail-note.ok{color:var(--success-green)}.detail-close{flex:none;width:30px;height:30px;border:1px solid var(--input-border);border-radius:var(--radius-sm);background:transparent;color:var(--medium-gray);cursor:pointer}.detail-close:hover{background:var(--light-surface);color:var(--deep-black)}.detail-title{flex:1;min-width:0}.detail-name{display:flex;align-items:center;gap:8px;font-size:17px}.detail-sub{font-size:12px;margin-top:2px}.detail-body{flex:1;overflow-y:auto;padding:16px 22px 32px;display:flex;flex-direction:column;gap:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,360px) minmax(0,1fr);gap:12px}.detail-col{display:flex;flex-direction:column;gap:12px;min-width:0}.detail-col>.detail-card:last-child{flex:1}@media(max-width:1000px){.detail-grid{grid-template-columns:1fr}}.detail-card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:2px 20px 16px;min-width:0}.detail-card>.detail-section:first-child{padding-top:14px}.detail-card .detail-row:last-child{border-bottom:0}.detail-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));column-gap:26px}.detail-specs .detail-row:last-child{border-bottom:1px solid var(--light-gray)}.detail-net{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;padding:4px 0 6px}.net-item{min-width:0}.net-key{font-size:11.5px;font-weight:700;color:var(--medium-gray);letter-spacing:.3px}.net-value{font-size:13px;color:var(--deep-black);margin-top:5px;line-height:1.5;word-break:break-all}.detail-section{font-size:11.5px;font-weight:700;color:var(--medium-gray);letter-spacing:.5px;text-transform:uppercase;padding:20px 0 8px}.detail-row{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--light-gray);font-size:13px}.detail-row .detail-key{flex:none;width:132px;color:var(--medium-gray);white-space:nowrap}.detail-row .detail-value{flex:1;min-width:0;color:var(--deep-black);word-break:break-all}tbody tr.row-openable{cursor:pointer}.gauge-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:4px 0 8px}.gauge{border:1px solid var(--light-gray);border-radius:var(--radius-md);padding:14px 16px 16px;min-width:0}.gauge-label{font-size:12px;color:var(--medium-gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gauge-value{font-size:30px;font-weight:700;color:var(--deep-black);line-height:1.2;margin-top:4px}.gauge-unit{font-size:13px;font-weight:400;color:var(--medium-gray);margin-left:2px}.gauge-bar{height:5px;border-radius:var(--radius-pill);background:var(--light-gray);margin-top:8px;overflow:hidden}.gauge-fill{height:100%;border-radius:var(--radius-pill);background:var(--brand-orange)}.gauge-fill.warn{background:var(--warning-yellow)}.gauge-fill.danger{background:var(--critical-red)}.gauge-sub{font-size:11px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-when{font-weight:400;margin-left:8px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--light-gray);margin-top:4px}.tabs button{border:0;background:transparent;font-family:var(--font-family);font-size:13px;color:var(--medium-gray);padding:8px 12px;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button:hover{color:var(--deep-black)}.tabs button.active{color:var(--brand-orange);font-weight:700;border-bottom-color:var(--brand-orange)}.inv-when{font-size:11px;padding:8px 0 2px}.inv-empty{font-size:13px;padding:16px 0}.inv-table{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.inv-table th{text-align:left;font-weight:700;color:var(--medium-gray);padding:8px 6px 6px 0;border-bottom:1px solid var(--light-gray)}.inv-table td{padding:6px 6px 6px 0;border-bottom:1px solid var(--light-gray);color:var(--charcoal-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inv-table td.inv-wrap{white-space:normal;word-break:break-word;line-height:1.5}main.content.content-wide{max-width:none;padding-left:20px;padding-right:20px}.content-wide table.data-table th,.content-wide table.data-table td{padding-left:12px;padding-right:12px}.content-wide table.data-table td{padding-top:8px;padding-bottom:8px}@media(max-width:1440px){.content-wide table.data-table th,.content-wide table.data-table td{padding-left:9px;padding-right:9px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:16px}.view-seg{margin-left:auto}.device-card{background:var(--pure-white);border:1px solid var(--light-gray);border-radius:var(--radius-md);overflow:hidden;display:flex;flex-direction:column}.device-card:hover{border-color:var(--input-border)}.card-shot-wrap{position:relative}.card-shot{aspect-ratio:4 / 3;background:var(--off-white);border-bottom:1px solid var(--light-gray);display:flex;align-items:center;justify-content:center;overflow:hidden}.card-shot-img{width:100%;height:100%;object-fit:contain}.card-shot-mark{font-size:20px;font-weight:700;letter-spacing:.5px;color:var(--light-gray);-webkit-user-select:none;user-select:none}.card-shot-badge{position:absolute;top:8px;left:8px}.card-foot{display:flex;align-items:center;gap:8px;padding:10px 12px}.card-name{min-width:0;flex:1}.card-title,.card-sub{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-title{font-size:13px;font-weight:600;color:var(--deep-black)}.card-sub{font-size:11px}.card-actions{display:flex;align-items:center;gap:4px;flex:none}.policy-perms{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:10px}.policy-perm{display:flex;gap:11px;align-items:flex-start;padding:13px 14px;border:1px solid var(--light-gray);border-radius:var(--radius-md);background:var(--pure-white);cursor:pointer;transition:border-color .16s ease,background .16s ease}.policy-perm:hover{border-color:var(--primary-soft)}.policy-perm:has(input:checked){border-color:var(--primary-soft);background:var(--brand-tint-weak)}.policy-perm input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:var(--brand-orange);cursor:pointer}.policy-perm>span{display:flex;flex-direction:column;gap:3px;min-width:0}.policy-perm-name{font-size:13.5px;font-weight:600;color:var(--deep-black)}.policy-perm-desc{font-size:12px;line-height:1.55;color:var(--medium-gray)}.policy-enforce{display:flex;gap:11px;align-items:flex-start;margin-top:14px;padding:13px 14px;border:1px solid var(--warn-border);border-radius:var(--radius-md);background:var(--warn-bg);cursor:pointer}.policy-enforce input{margin-top:2px;flex:none;width:16px;height:16px;accent-color:var(--warning-yellow);cursor:pointer}.policy-enforce>span{display:flex;flex-direction:column;gap:3px;min-width:0}.policy-enforce .policy-perm-name,.policy-enforce .policy-perm-desc{color:var(--warn-fg)}.policy-pick{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.policy-pick select{max-width:260px}.cell-policy{white-space:nowrap}.cell-policy-value{max-width:150px;overflow:hidden;padding:2px 6px;border:1px solid transparent;border-radius:var(--radius-xs);background:none;color:var(--charcoal-gray);font-family:var(--font-family);font-size:12.5px;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.cell-policy-value:hover:not(:disabled){border-color:var(--input-border);background:var(--pure-white)}.cell-policy-value:disabled{cursor:default;color:var(--medium-gray)}.cell-policy select{width:100%;min-width:92px;max-width:150px;font-size:12.5px;text-overflow:ellipsis}.policy-pending-mark{margin-left:7px;font-size:11px;color:var(--warning-yellow)}.os-icon{font-size:15px;color:var(--medium-gray)}.datetime-cell{display:flex;flex-direction:column;line-height:1.35;white-space:nowrap}.datetime-time{font-size:11.5px;opacity:.72}.datetime-rel{white-space:nowrap}.datetime-cell.inline{flex-direction:row;align-items:baseline;gap:6px}main.content.content-wide.content-cap{max-width:1240px}main.content.content-wide.content-cap.cap-platform-devices{max-width:1060px}