body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f9fafb;color:#333}h1,h2,h3{color:#111;margin-bottom:.5em}p{color:#555}a{text-decoration:none;color:#0070f3}a:hover{text-decoration:underline}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:16px 32px;box-shadow:0 1px 4px #0000000d;position:relative;z-index:1}.nav{display:flex;gap:16px}.nav a{color:#555;padding:8px 0}.nav a.active{font-weight:700;color:#0070f3}.profile-menu{position:relative}.profile-button{background:transparent;border:none;padding:8px;border-radius:6px;cursor:pointer;transition:background-color .2s;display:flex;align-items:center;gap:4px;color:#555;font-size:14px}.profile-button:hover{background-color:#f3f4f6}.profile-button:after{content:"▼";font-size:10px;margin-left:4px;color:#666}.profile-dropdown{position:absolute;right:0;top:40px;background:#fff;border:1px solid #eee;border-radius:8px;padding:4px;display:none;min-width:200px;box-shadow:0 4px 12px #0000001a;opacity:0;transform:translateY(-10px);transition:opacity .2s,transform .2s}.dropdown-item{display:block;padding:8px 16px;color:#333;text-decoration:none;border-radius:4px;transition:background-color .2s;font-size:14px}.dropdown-item:hover{background-color:#f3f4f6;text-decoration:none}.profile-menu.active .profile-dropdown{display:block;opacity:1;transform:translateY(0)}.profile-menu.active .profile-button{background-color:#f3f4f6}.card{background:#fff;border:1px solid #eee;padding:24px;border-radius:8px;box-shadow:0 1px 4px #00000008;margin-bottom:24px}.btn{background-color:#0070f3;color:#fff;padding:8px 12px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s}.btn:hover{background-color:#0059c9}.btn.secondary{background-color:#eee;color:#333}.btn.secondary:hover{background-color:#ddd}.input{padding:8px 12px;border-radius:4px;border:1px solid #ccc;width:100%;max-width:400px}.table{width:100%;border-collapse:collapse;background:#fff}.table th,.table td{border:1px solid #eee;padding:12px;text-align:left}.table th{background:#f6f6f6;color:#555}.status-good{color:green}.status-bad{color:red}.text-center{text-align:center}.placeholder-chart{background-color:#f0f0f0;height:150px;border-radius:6px;margin-top:12px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:12px;border-radius:8px;transition:background-color .2s}.setting-item:hover{background-color:#f9fafb}.setting-item input[type=checkbox]{width:20px;height:20px;border-radius:4px;border:2px solid #ddd;cursor:pointer}