*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f6f8;color:#1a1d23}.layout{display:flex;min-height:100vh}.sidebar{width:220px;background:#16181d;color:#cfd2d8;padding:24px 0;flex-shrink:0;display:flex;flex-direction:column;min-height:100vh}.sidebar ul{flex:1}.logout-button{margin:0 20px;background:transparent;border:1px solid #3a3f4a;color:#cfd2d8}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%}.login-form{min-width:320px}.login-form h1{margin-bottom:8px;font-size:20px}.sidebar-title{font-weight:600;font-size:16px;padding:0 20px 20px;color:#fff}.sidebar ul{list-style:none;margin:0;padding:0}.sidebar a{display:block;padding:10px 20px;color:#cfd2d8;text-decoration:none;font-size:14px}.sidebar a:hover{background:#22252c}.sidebar a.active{background:#2a2f38;color:#fff;border-left:3px solid #4f8cff}.content{flex:1;padding:32px;max-width:1100px}h1{margin:0 0 20px;font-size:24px}h2{margin:24px 0 12px;font-size:16px}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.actions{display:flex;gap:8px}.summary-row{display:flex;gap:16px;margin-bottom:24px}.summary-tile{background:#fff;border-radius:8px;padding:16px 24px;min-width:100px;box-shadow:0 1px 2px #0000000f}.summary-value{display:block;font-size:24px;font-weight:600}.summary-label{font-size:12px;color:#6b7280}.summary-tile.up .summary-value{color:#16a34a}.summary-tile.down .summary-value{color:#dc2626}.summary-tile.paused .summary-value{color:#9ca3af}.site-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 2px #0000000f}.site-table th,.site-table td{text-align:left;padding:12px 16px;border-bottom:1px solid #eef0f3;font-size:14px}.site-table th{color:#6b7280;font-weight:500;font-size:12px;text-transform:uppercase}.site-url{color:#6b7280;font-size:12px}.status-badge{display:inline-block;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:600}.status-up{background:#dcfce7;color:#16a34a}.status-down{background:#fee2e2;color:#dc2626}.status-paused{background:#f3f4f6;color:#6b7280}.status-unknown{background:#fef9c3;color:#a16207}.status-header{display:flex;gap:20px;align-items:center;flex-wrap:wrap;background:#fff;padding:16px;border-radius:8px;margin-bottom:24px;font-size:14px;box-shadow:0 1px 2px #0000000f}.status-list{list-style:none;padding:0}.status-list-item{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:14px 16px;border-radius:8px;margin-bottom:8px;box-shadow:0 1px 2px #0000000f}.form{display:flex;flex-direction:column;gap:16px;max-width:480px;background:#fff;padding:24px;border-radius:8px;box-shadow:0 1px 2px #0000000f}.form label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:#374151}.form label.checkbox{flex-direction:row;align-items:center}.form input,.form select{padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}button,.button{display:inline-block;padding:8px 16px;border:none;border-radius:6px;background:#4f8cff;color:#fff;font-size:14px;cursor:pointer;text-decoration:none}button:disabled{opacity:.6;cursor:default}button.danger{background:#dc2626}.test-email-row{display:flex;gap:8px}.test-email-row input{flex:1;padding:8px 10px;border:1px solid #d1d5db;border-radius:6px;font-size:14px}.muted{color:#6b7280;font-size:13px}.error{color:#dc2626}.success{color:#16a34a}