:root{--bg-system:#f5f5f5;--bg-card:#fff;--color-primary:#bf0008;--color-primary-hover:#a00007;--color-text-primary:#333;--color-text-secondary:#666;--color-border:#ebebeb;--shadow-card:0 8px 24px hsla(210,8%,62%,.08);--shadow-modal:0 12px 32px hsla(210,8%,62%,.12);--radius-card:20px;--radius-sm:12px;--radius-xs:8px;--sidebar-width:260px}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;background:#f5f5f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.app-layout{overflow:hidden}.app-layout,.sidebar{display:flex;height:100vh}.sidebar{width:260px;min-width:260px;background:#fff;flex-direction:column;border-right:1px solid #ebebeb;overflow-y:auto}.sidebar-header{padding:24px 20px 16px;border-bottom:1px solid #ebebeb}.sidebar-header h1{font-size:16px;font-weight:700;color:#333}.sidebar-header p{font-size:12px;color:#666;margin-top:2px}.sidebar-nav{padding:12px 8px;flex:1 1}.nav-section-title{font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 4px}.nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;color:#666;font-size:14px;transition:all .15s}.nav-item:hover{background:#f5f5f5;color:#333}.nav-item.active{background:rgba(191,0,8,.06);color:#bf0008;font-weight:500}.nav-item svg{width:18px;height:18px;flex-shrink:0}.sidebar-footer{padding:12px 8px;border-top:1px solid #ebebeb}.main-content{flex:1 1;height:100vh;overflow-y:auto;padding:24px 32px}.page-title{font-size:22px;font-weight:700;color:#333;margin-bottom:4px}.page-subtitle{font-size:14px;color:#666;margin-bottom:24px}.card{background:#fff;border-radius:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.08);border:1px solid #ebebeb;padding:24px;margin-bottom:20px}.card-title{font-size:15px;font-weight:600;color:#333;margin-bottom:16px}.btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;border:none;transition:all .15s}.btn-primary{background:#bf0008;color:#fff}.btn-primary:hover{background:#a00007}.btn-secondary{background:#f5f5f5;color:#666}.btn-secondary:hover{background:#e8e8e8;color:#333}.btn-sm{padding:6px 14px;font-size:13px}.btn-danger{background:#dc3545;color:#fff}.btn-danger:hover{background:#c82333}.input{width:100%;padding:10px 14px;border:1px solid #ebebeb;border-radius:12px;font-size:14px;color:#333;background:#fff;outline:none;transition:border-color .15s}.input:focus{border-color:#bf0008}.input-group{margin-bottom:16px}.input-group label{display:block;font-size:13px;font-weight:500;margin-bottom:4px;color:#666}.input-group .help-text{font-size:12px;color:#666;margin-top:4px}textarea.input{min-height:80px;resize:vertical;font-family:inherit}.form-actions{display:flex;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid #ebebeb}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;font-size:12px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}td,th{padding:12px 16px;border-bottom:1px solid #ebebeb}td{font-size:14px}tr:last-child td{border-bottom:none}.status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:500}.status-badge.active{background:rgba(40,167,69,.1);color:#28a745}.status-badge.inactive{background:hsla(208,7%,46%,.1);color:#6c757d}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.flex{display:flex}.flex-1{flex:1 1}.gap-2{gap:8px}.gap-4{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.text-sm{font-size:13px}.text-secondary{color:#666}.sites-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:20px;gap:20px}.site-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.08);border:1px solid #ebebeb;padding:20px;cursor:pointer;transition:box-shadow .15s}.site-card:hover{box-shadow:0 12px 32px hsla(210,8%,62%,.12)}.site-card-name{font-size:16px;font-weight:600;margin-bottom:4px}.site-card-domain{font-size:13px;color:#666;margin-bottom:12px}.site-card-stats{display:flex;gap:16px;font-size:13px;color:#666}.loading{display:flex;align-items:center;justify-content:center;height:200px;color:#666}.empty-state{text-align:center;padding:40px;color:#666}.empty-state svg{width:48px;height:48px;margin-bottom:12px;opacity:.3}.empty-state p{font-size:14px}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f5f5f5}.login-card{background:#fff;border-radius:20px;box-shadow:0 8px 24px hsla(210,8%,62%,.08);border:1px solid #ebebeb;padding:40px;width:100%;max-width:400px}.login-card h1{font-size:22px;font-weight:700;margin-bottom:4px;text-align:center;color:#333}.login-card p{font-size:14px;color:#666;margin-bottom:24px;text-align:center}.toast{position:fixed;top:20px;right:20px;padding:12px 20px;border-radius:12px;font-size:14px;z-index:1000;animation:slideIn .3s ease}.toast-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.toast-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}@keyframes slideIn{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.3);display:flex;align-items:center;justify-content:center;z-index:900}.modal-content{background:#fff;border-radius:20px;box-shadow:0 12px 32px hsla(210,8%,62%,.12);padding:32px;width:100%;max-width:560px;max-height:80vh;overflow-y:auto}.modal-content h2{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}