:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}.dashboard{display:flex;min-height:100vh;background:#f4f6f9;font-family:Arial,sans-serif}.sidebar{width:220px;background:#1e1e2f;color:#fff;display:flex;flex-direction:column;padding:20px;flex-shrink:0;transition:all .3s ease}.sidebar .logo{font-size:1.5rem;margin-bottom:30px}.sidebar nav a{display:block;color:#ddd;text-decoration:none;padding:12px 0;transition:.3s}.sidebar nav a:hover{color:#fff;padding-left:5px}.navbar{background:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #eee;position:sticky;top:0;z-index:10}.navbar h1{margin:0;font-size:1.3rem;color:#333}.navbar-right{display:flex;gap:15px}.navbar-right .icon{cursor:pointer;font-size:1.2rem}.main{flex:1;display:flex;flex-direction:column;overflow-x:hidden}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:20px}.card{background:#fff;padding:30px;border-radius:10px;text-align:center;font-size:1.1rem;font-weight:700;box-shadow:0 4px 10px #0000000d;transition:.3s}.card:hover{transform:translateY(-5px);box-shadow:0 8px 20px #0000001a}.content{display:grid;grid-template-columns:2fr 1fr;gap:20px;padding:20px}.chart,.table{background:#fff;border-radius:10px;padding:20px;min-height:250px;box-shadow:0 4px 10px #0000000d}@media (max-width: 1024px){.content{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard{flex-direction:column}.sidebar{width:100%;height:auto;flex-direction:row;justify-content:space-around}.sidebar nav{display:flex;gap:20px}.sidebar nav a{padding:10px}}@media (max-width: 480px){.cards{grid-template-columns:1fr}.navbar h1,.navbar-right .icon{font-size:1rem}}.upload-container{background:#fff;height:94vh;width:100%;padding:30px;box-sizing:border-box;color:#000}.upload-container h2{margin-bottom:20px}.upload-container form{display:flex;flex-direction:column;gap:15px;align-items:center}.upload-container input[type=file]{border:1px solid #ddd;padding:8px;border-radius:6px}.upload-container button{background:#1e1e2f;color:#fff;border:none;padding:10px 16px;border-radius:6px;cursor:pointer;transition:.3s}.upload-container button:hover{background:#333}.policy-container{width:100%;padding:20px;color:#000}.policy-container h1{margin-bottom:20px}.policy-table{width:100%;border-collapse:collapse}.policy-table th,.policy-table td{border:1px solid #ddd;padding:12px;text-align:left}.policy-table th{background-color:#f4f4f4}.delete-btn{background-color:#e74c3c;border:none;padding:8px 12px;color:#fff;border-radius:4px;cursor:pointer}.delete-btn:hover{background-color:#c0392b}
