:root{--arcon-red: #D02E27;--arcon-blue: #1A73E8;--arcon-blue-hover: #1557B0;--bg-color: #F8F9FA;--text-primary: #202124;--text-secondary: #5F6368;--border-color: #DADCE0;--card-shadow: 0 1px 3px rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);font-family:Inter,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%}.auth-container{max-width:450px;margin:0 auto;padding:40px;background:#fff;border-radius:8px;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326;text-align:center}.logo-container{margin-bottom:24px}.logo-container img{height:48px}.project-title{font-size:14px;color:var(--text-secondary);font-weight:500;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:8px}.project-title:before,.project-title:after{content:"";height:1px;background:var(--border-color);flex-grow:1}.page-title{font-size:24px;font-weight:600;margin-bottom:8px}.page-subtitle{font-size:16px;color:var(--text-secondary);margin-bottom:32px}.form-group{margin-bottom:24px;text-align:left}.form-group label{display:block;font-size:14px;margin-bottom:8px;color:var(--text-secondary)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper input{width:100%;padding:12px 16px 12px 48px;border:1px solid var(--border-color);border-radius:4px;font-size:16px;transition:border-color .2s}.input-wrapper input:focus{outline:none;border-color:var(--arcon-blue)}.input-icon{position:absolute;left:16px;color:var(--text-secondary)}.input-eye{position:absolute;right:16px;color:var(--text-secondary);cursor:pointer}.btn-primary{width:100%;padding:14px;background-color:var(--arcon-blue);color:#fff;border:none;border-radius:4px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:background-color .2s}.btn-primary:hover{background-color:var(--arcon-blue-hover)}.links-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;font-size:14px}.link{color:var(--arcon-blue);text-decoration:none;font-weight:500}.checkbox-group{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.mfa-inputs{display:flex;gap:8px;justify-content:center;margin-bottom:32px}.mfa-input{width:48px;height:56px;border:1px solid var(--border-color);border-radius:4px;font-size:24px;text-align:center}.mfa-input:focus{outline:none;border-color:var(--arcon-blue)}.badge-success{color:#1e8e3e;font-size:14px;display:flex;align-items:center;gap:4px}.divider{margin:24px 0;display:flex;align-items:center;gap:16px;font-size:12px;color:var(--text-secondary)}.divider:before,.divider:after{content:"";height:1px;background:var(--border-color);flex-grow:1}.mfa-options{display:flex;flex-direction:column;gap:16px}.dashboard-layout{display:flex;height:100vh;width:100%;background-color:#f8f9fa}.sidebar{width:260px;background-color:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:20px 0}.sidebar-logo{padding:0 24px 24px;border-bottom:1px solid var(--border-color);margin-bottom:20px}.nav-group{margin-bottom:24px}.nav-label{padding:0 24px;font-size:12px;color:var(--text-secondary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.nav-item{padding:12px 24px;display:flex;align-items:center;gap:12px;color:var(--text-primary);text-decoration:none;font-size:14px;transition:all .2s;cursor:pointer}.nav-item:hover{background-color:#f1f3f4}.nav-item.active{background-color:#e8f0fe;color:var(--arcon-blue);border-left:4px solid var(--arcon-blue);padding-left:20px}.main-content{flex-grow:1;overflow-y:auto;display:flex;flex-direction:column}.top-bar{height:64px;background:#fff;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;padding:0 24px;gap:24px}.user-profile{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text-primary)}.dashboard-page{padding:24px}.page-header{display:flex;align-items:center;gap:12px;margin-bottom:24px}.breadcrumb{font-size:12px;color:var(--text-secondary);margin-bottom:8px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.summary-card{background:#fff;padding:24px;border-radius:8px;border:1px solid var(--border-color);box-shadow:0 1px 2px #0000000d}.card-title{font-size:14px;color:var(--text-secondary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.card-value{font-size:24px;font-weight:600;margin-bottom:4px}.card-subtext{font-size:12px;color:var(--text-secondary)}.dashboard-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px}.panel{background:#fff;border-radius:8px;border:1px solid var(--border-color);padding:24px}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-title{font-size:16px;font-weight:600}.activity-table{width:100%;border-collapse:collapse}.activity-table th{text-align:left;font-size:12px;color:var(--text-secondary);padding:12px 8px;border-bottom:1px solid var(--border-color)}.activity-table td{padding:16px 8px;font-size:14px;border-bottom:1px solid var(--border-color)}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:4px}.status-success{background-color:#e6f4ea;color:#1e8e3e}.status-failed{background-color:#fce8e6;color:#d93025}.status-warning{background-color:#fef7e0;color:#f29900}.clickable{cursor:pointer;color:var(--arcon-blue)}.clickable:hover{text-decoration:underline}.clickable-table tr{cursor:pointer}.clickable-table tr:hover{background-color:#f8f9fa}.file-icon-bg{width:48px;height:48px;background-color:#e8f0fe;border-radius:8px;display:flex;align-items:center;justify-content:center}.badge-success-outline{display:flex;align-items:center;gap:4px;padding:2px 8px;border:1px solid #ceead6;border-radius:12px;color:#1e8e3e;font-size:12px;font-weight:500;background:#fff}.btn-outline-sm{padding:6px 12px;border:1px solid var(--border-color);background:#fff;border-radius:4px;font-size:13px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;gap:4px}.btn-outline-sm:hover{background:#f8f9fa}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color);background:#fff;border-radius:4px;cursor:pointer;color:var(--text-secondary)}.btn-icon:hover{background:#f8f9fa}.validation-sections{border-top:1px solid var(--border-color)}.validation-item{border-bottom:1px solid var(--border-color)}.validation-header{padding:16px 24px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.validation-header:hover{background:#f8f9fa}.validation-title{display:flex;align-items:center;gap:12px;font-weight:500;font-size:14px}.validation-content{padding:0 24px 16px 54px}.check-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-secondary);margin-bottom:4px}.validation-item.active{background:#fff}.validation-log{padding:0 24px 24px 54px}.log-entry{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid #f1f3f4;font-size:13px}.log-entry .timestamp{color:var(--text-secondary);min-width:60px}.log-entry .log-icon{margin:0 12px}.log-entry .log-icon.success{color:#1e8e3e}.log-entry .message{flex-grow:1;color:var(--text-primary)}.log-entry .status-success-txt{color:#1e8e3e;font-weight:500;display:flex;align-items:center;gap:4px}.filter-btn{padding:6px 16px;border:1px solid var(--border-color);background:#fff;border-radius:16px;font-size:13px;cursor:pointer;color:var(--text-secondary)}.filter-btn.active{background:#fdf2f2;color:#d02e27;border-color:#fad2d0}.filter-btn.all.active{background:#e8f0fe;color:#1a73e8;border-color:#d2e3fc;display:flex;align-items:center;gap:4px}.custom-table th{background:#f8f9fa;font-weight:500;padding:12px 16px}.custom-table td{padding:16px}.status-summary-list{display:flex;flex-direction:column;gap:16px}.summary-item{display:flex;align-items:center;gap:12px;font-size:14px}.summary-item .label{color:var(--text-secondary);flex-grow:1}.summary-item .value.success{color:#1e8e3e;font-weight:500}.action-log-list{display:flex;flex-direction:column;gap:12px}.log-item{font-size:13px;display:flex;gap:16px}.log-item .time{color:var(--text-secondary);white-space:nowrap}.toggle-switch{width:40px;height:20px;background:#bdc1c6;border-radius:10px;position:relative;cursor:pointer}.toggle-switch.active{background:#1a73e8}.toggle-handle{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .2s}.toggle-switch.active .toggle-handle{transform:translate(20px)}.vpn-grid .form-section{padding:0}.form-group label{font-weight:500;color:var(--text-primary);margin-bottom:8px}.form-select{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:14px}.info-box-warning{background:#fef7e0;border:1px solid #fce8b2;border-radius:4px;padding:12px;color:#b06000;font-size:13px;display:flex;gap:12px;line-height:1.4}.flex-1{flex:1}.multi-input-row{display:flex;gap:12px}.input-prefix{padding:0 12px;color:var(--text-secondary);font-size:12px;border-right:1px solid var(--border-color)}.pagination{display:flex;align-items:center;gap:8px}.page-num{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:13px;cursor:pointer}.page-num.active{background:#1a73e8;color:#fff}.page-size-select{border:1px solid var(--border-color);border-radius:4px;padding:4px 8px;font-size:12px}.nav-item-dropdown .nav-item{justify-content:space-between}.btn-outline-sm:disabled{opacity:.5;cursor:default}.nav-item,.btn-primary,.btn-outline,.btn-outline-sm,.btn-icon{transition:all .2s cubic-bezier(.4,0,.2,1)}.summary-card{transition:transform .2s,box-shadow .2s}.summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.header-icon-bg{width:40px;height:40px;background:#f1f3f4;border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--arcon-blue)}.page-header-container{margin-bottom:32px}.page-title{font-size:24px;font-weight:500;color:#202124}.validation-item{transition:background-color .2s}.validation-header:hover .validation-title{color:var(--arcon-blue)}.pagination .page-num{transition:background-color .2s,color .2s}.pagination .page-num:hover:not(.active){background-color:#f1f3f4}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-page{animation:fadeIn .3s ease-out}.spin,.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background-color:#1e8e3e}.status-dot.locked{background-color:#d93025}.status-dot.suspended{background-color:#f29900}.filter-btn.all{display:flex;align-items:center;gap:8px}.settings-list,.log-list,.details-list,.checkbox-list,.action-steps,.timeline-list,.status-summary-list,.alert-list{display:flex;flex-direction:column}.setting-item,.log-item,.checkbox-group,.remediation-step,.timeline-item,.summary-item,.alert-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px}.log-item .time,.timeline-item .time{color:var(--text-secondary);min-width:65px;font-family:monospace}.remediation-step{padding:10px 12px;background:#f8f9fa;border-radius:4px;border:1px solid var(--border-color);margin-bottom:8px;cursor:pointer}.remediation-step:hover{background:#e8f0fe;border-color:#d2e3fc}.alert-banner-warning{background:#fff8e1;border:1px solid #ffe082;border-radius:8px;padding:24px;margin-bottom:24px}.badge-active{background:#e6f4ea;color:#1e8e3e;border:none;padding:4px 12px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.badge-disabled{background:#f1f3f4;color:#5f6368;border:none;padding:4px 12px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:12px;font-weight:500}.badge-warning{display:flex;align-items:center;gap:4px;font-weight:600}.details-list{list-style:none;padding:0}.details-list li{position:relative;padding-left:20px;margin-bottom:12px;color:var(--text-primary);font-size:14px}.details-list li:before{content:"•";color:#f29900;position:absolute;left:0;font-weight:700}.stats-grid{margin-bottom:24px}.alert-item{padding:16px;background:#fff;border:1px solid var(--border-color);border-radius:8px}.compact.activity-table td{padding:10px 8px;font-size:12px}.compact.activity-table th{padding:8px}.toggle-switch.active{background-color:#1a73e8}.radio-group{display:flex;align-items:center;gap:8px;font-size:14px;cursor:pointer}.radio-group input[type=radio]{cursor:pointer}.form-select{padding:8px 12px;border:1px solid var(--border-color);border-radius:4px;background:#fff;font-size:13px;color:var(--text-primary);outline:none}.btn-outline-sm{background:#fff;border:1px solid var(--border-color);color:var(--text-primary);padding:6px 12px;border-radius:4px;font-size:12px;font-weight:500;display:flex;align-items:center;gap:6px;cursor:pointer}.btn-outline-sm:hover{background:#f8f9fa;border-color:#bdc1c6}.btn-icon{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.btn-icon:hover{background:#f1f3f4;color:var(--text-primary)}.link{background:none;border:none;color:#1a73e8;font-size:13px;cursor:pointer;padding:0}.link:hover{text-decoration:underline}.pagination.small .page-num{width:24px;height:24px;font-size:11px}.pagination.small .btn-icon{padding:2px}.toggle-handle{transition:transform .2s cubic-bezier(.4,0,.2,1)}.code-block{background:#202124;color:#f1f3f4;padding:16px;border-radius:4px;font-family:Roboto Mono,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.code-block div{margin-bottom:4px}