.body{font-family:Poppins,sans-serif;background-color:#d3d4d3;margin:0;height:100vh;display:flex;justify-content:center;align-items:center}.auth-page{display:flex;justify-content:center;align-items:center;width:100%}.auth-card{background-image:url(/assets/puzzle-BDMMDLIG.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:1rem 2rem;border-radius:16px;box-shadow:0 8px 25px #0003;width:350px;text-align:center;animation:fadeIn .5s ease-in-out;position:relative}.auth-card:before{content:"";position:absolute;inset:0;background:#ffffffe6;border-radius:16px;z-index:-1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card h2{color:#2575fc;margin-bottom:.5rem}.subtitle{color:#666;font-size:14px;margin-bottom:1.5rem}.auth-card input{width:93%;padding:10px;margin:.5rem 0;border:1px solid #ccc;border-radius:8px;font-size:15px;outline:none}.auth-card input:focus{border-color:#2575fc}.auth-card button{width:100%;background-color:#2575fc;color:#fff;padding:10px;margin-top:10px;border:none;border-radius:8px;font-size:16px;cursor:pointer;transition:.3s}.auth-card button:hover{background-color:#1a5ed7}.toggle-text{margin-top:1rem;color:#555;font-size:14px}.toggle-text span{color:#2575fc;cursor:pointer;font-weight:600;margin-left:5px}.input-group{position:relative;width:100%;margin-bottom:15px}.input-group input{width:100%;padding:12px 12px 12px 42px;border-radius:8px;border:1px solid #ccc;font-size:14px;outline:none}.input-group input:focus{border-color:#3498db}.input-icon{position:absolute;top:50%;left:14px;transform:translateY(-50%);width:18px;height:18px;fill:#888}.input-icon svg{width:100%;height:100%}.error-text{color:#e74c3c;font-size:13px;margin-bottom:10px;text-align:center}*{box-sizing:border-box}body{margin:0;overflow-x:hidden}.trends-container{background:#fff;padding:15px;border-radius:12px;box-shadow:0 4px 12px #00000014;width:100%;max-width:100vw;overflow-y:auto;max-height:100vh;font-family:Inter,system-ui,sans-serif}.graph-card{background:#fefefe;padding:15px;border-radius:12px;margin-bottom:15px;box-shadow:0 3px 8px #00000014;transition:transform .2s ease,box-shadow .3s ease}.graph-card:hover{transform:translateY(-2px);box-shadow:0 5px 12px #0000001a}.graph-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.chart-wrapper{width:100%;height:350px;min-height:300px}.graph-controls{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.graph-controls button{background:linear-gradient(135deg,#007bff,#0056d2);border:none;color:#fff;padding:6px 12px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:background .3s ease,transform .2s ease;white-space:nowrap}.graph-controls button:hover{background:linear-gradient(135deg,#0056d2,#0040a5);transform:translateY(-1px)}.graph-controls button:active{transform:scale(.96)}.delete-graph-btn{border:none;background:#ff4d4f;color:#fff;font-size:14px;padding:5px 10px;border-radius:6px;cursor:pointer;transition:background .3s ease}.delete-graph-btn:hover{background:#d9363e}.axis-controls{display:flex;justify-content:space-between;margin:12px 0;flex-wrap:wrap;gap:12px}.tag-config{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;background:#f8f9fa;padding:8px 12px;border-radius:8px;transition:background .2s ease}.tag-config:hover{background:#f1f4f9}.tag-row{display:flex;align-items:center;gap:6px}.color-picker-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.color-picker{-webkit-appearance:none;appearance:none;border:none;width:32px;height:32px;border-radius:50%;cursor:pointer;padding:0;background:none;outline:none;overflow:hidden;box-shadow:0 2px 5px #00000026;transition:all .3s ease}.color-picker::-webkit-color-swatch{border:none;border-radius:50%}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-moz-color-swatch{border:none;border-radius:50%}.color-picker:hover{transform:scale(1.08);box-shadow:0 0 8px #007bff80}.color-picker:focus{box-shadow:0 0 0 3px #007bff66}.dropdown-container{margin:8px 0}.dropdown-label{font-weight:600;margin-right:8px;font-size:14px}.dropdown{position:relative;display:inline-block;width:240px;max-width:100%}.dropdown-toggle{width:100%;padding:8px 10px;border:1px solid #d0d0d0;border-radius:6px;background-color:#fff;cursor:pointer;text-align:left;position:relative;transition:border-color .2s ease,box-shadow .2s ease;font-size:14px}.dropdown-toggle:hover{border-color:#007bff;box-shadow:0 0 4px #007bff33}.dropdown-toggle .arrow{float:right}.dropdown-menu{position:absolute;top:110%;left:0;width:100%;min-width:280px;background:#fff;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:10;padding:10px;max-height:300px;overflow-y:auto;animation:fadeIn .2s ease}.dropdown-options{display:flex;flex-direction:column;gap:5px}.dropdown-item{display:flex;align-items:center;gap:6px;padding:5px 4px;border-radius:4px;transition:background .2s ease;font-size:13px}.dropdown-item:hover{background:#f1f4f9}.dropdown-item input{cursor:pointer}.search-box{width:100%;padding:6px 8px;margin-bottom:8px;border:1px solid #ccc;border-radius:6px;outline:none;font-size:13px;transition:border-color .3s ease,box-shadow .3s ease}.search-box:focus{border-color:#007bff;box-shadow:0 0 4px #007bff4d}.no-results{text-align:center;color:#888;font-size:12px}.yaxis-dropdown{position:relative;display:inline-block;margin-bottom:8px}.yaxis-dropdown .dropdown-toggle{background-color:#007bff;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;transition:background .3s ease,transform .2s ease;font-size:13px}.yaxis-dropdown .dropdown-toggle:hover{background-color:#0056b3;transform:translateY(-1px)}.yaxis-dropdown .dropdown-menu{position:absolute;top:42px;left:0;background:#fff;border:1px solid #ccc;border-radius:8px;padding:10px;width:200px;z-index:1000;box-shadow:0 4px 10px #00000026}.popup-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:100;animation:fadeIn .25s ease;padding:15px}.popup{background:#fff;padding:18px;border-radius:10px;width:90%;max-width:400px;max-height:85vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.popup label{display:flex;justify-content:space-between;align-items:center;font-size:14px}.popup-buttons{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.popup-buttons button{background:#007bff;color:#fff;border:none;border-radius:6px;padding:7px 12px;cursor:pointer;transition:background .2s ease;font-size:14px;flex:1}.popup-buttons button:hover{background:#0056b3}.no-graphs{color:gray;text-align:center;font-style:italic;font-size:14px}.checkbox-group{display:flex;flex-wrap:wrap;gap:10px}.checkbox-list{max-height:120px;overflow-y:auto}.checkbox-item{display:block;margin-bottom:4px;font-size:13px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}::-webkit-scrollbar-thumb{background:#007bff;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0056b3}@media(max-width:1024px){.axis-controls{flex-direction:column;align-items:flex-start}.dropdown{width:100%;max-width:100%}.chart-wrapper{height:320px}}@media(max-width:768px){.trends-container{padding:10px}.graph-card{padding:12px}.graph-controls{flex-direction:column;width:100%}.graph-controls button{width:100%}.dropdown-toggle{font-size:13px}.popup{width:95%;padding:15px}.chart-wrapper{height:280px;min-height:250px}.dropdown-menu{min-width:100%;max-height:250px}}@media(max-width:480px){.trends-container{padding:8px}.graph-card{padding:10px}.chart-wrapper{height:250px;min-height:220px}.graph-controls button{font-size:12px;padding:5px 10px}}input[type=number],input[type=text],select{max-width:100%;box-sizing:border-box}.tag-config span,.dropdown-item label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.report-container{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:15px;background:#1a1a2e;box-sizing:border-box}.report-card{background-image:url(/assets/puzzle-BDMMDLIG.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;width:100%;max-width:500px;padding:20px;border-radius:12px;box-shadow:0 8px 22px #0000002e;animation:fadeIn .5s ease;max-height:95vh;overflow-y:auto;box-sizing:border-box}.report-card::-webkit-scrollbar{width:8px}.report-card::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.report-card::-webkit-scrollbar-thumb{background:#1a73e8;border-radius:10px}.title{text-align:center;margin:0 0 18px;color:#0d47a1;font-weight:700;font-size:20px}.label{margin-top:10px;margin-bottom:5px;display:block;font-weight:600;font-size:14px}.input{width:100%;padding:10px;border:2px solid #1a73e8;border-radius:8px;outline:none;font-size:14px;transition:.3s;box-sizing:border-box}.input:focus{border-color:#0d47a1;box-shadow:0 0 6px #0d47a166}.btn{margin-top:12px;width:100%;padding:10px;background-color:#1a73e8;color:#fff;border:none;font-size:15px;border-radius:8px;cursor:pointer;transition:.3s;font-weight:500}.btn:hover:not(:disabled){background-color:#0d47a1;transform:translateY(-1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.result-box{margin-top:15px;padding:12px;border-radius:10px;background:#e3f2fd;color:#0d47a1;animation:fadeIn .4s ease}.result-box h3{margin:0 0 10px;font-size:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.button-row{margin-top:12px;display:flex;gap:8px}.btn.pdf{background-color:#e53935}.btn.pdf:hover{background-color:#b71c1c}.btn.csv{background-color:#43a047}.btn.csv:hover{background-color:#2e7d32}@media(max-width:600px){.report-container{padding:10px}.report-card{padding:15px;max-height:90vh}.title{font-size:18px;margin-bottom:15px}.label,.input,.btn{font-size:13px}.button-row{flex-direction:column;gap:8px}}.main-dashboard{display:flex;height:100vh;width:100vw;margin:0;padding:0;overflow:hidden;background-color:#f5f6fa;font-family:Segoe UI,Arial,sans-serif}.sidebar{display:flex;flex-direction:column;background-color:#1a73e8;color:#fff;transition:width .3s ease;overflow:hidden;height:100%;border-right:1px solid rgba(255,255,255,.2)}.sidebar.open{width:220px}.sidebar.closed{width:70px}.sidebar-header{display:flex;align-items:center;justify-content:space-between;background-color:#155ab6;padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.15)}.sidebar-title{font-size:1rem;font-weight:600;margin:0}.toggle-btn{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;border-radius:10px}.sidebar-content{flex:1;display:flex;flex-direction:column;gap:2px;margin:0;padding:8px 0}.sidebar-btn{display:flex;align-items:center;gap:10px;background:none;border:none;color:#fff;text-align:left;font-size:.95rem;padding:10px 16px;cursor:pointer;transition:background .2s ease,transform .1s ease;width:90%;margin:4px auto;border-radius:8px}.sidebar-btn:hover{background-color:#ffffff26;transform:scale(1.02)}.sidebar-btn.active{background-color:#ffffff40;transform:scale(1.03)}.sidebar-footer{display:flex;flex-direction:column;padding:8px 0;border-top:1px solid rgba(255,255,255,.2)}.sidebar-btn.logout{color:#fdd;background:linear-gradient(135deg,#ec452f,#fc6950)}.sidebar-btn.profile{color:#d0f0ff}.main-content{flex:1;overflow:auto;height:100%;background-color:#f5f6fa;padding:0;margin:0;display:flex;flex-direction:column}.section-content{flex:1;padding:20px}.sidebar-btn.powered-by{background:linear-gradient(135deg,#f0f2f7,#b5b2b8);color:#0f0f0f;border:none;padding:10px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.sidebar-btn.powered-by:hover{background:linear-gradient(135deg,#b5b2b8 100%,#f0f2f7 0%);transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.powered-by-content{display:flex;flex-direction:column;align-items:center;gap:5px;width:100%}.powered-text{font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;opacity:.9}.powered-logo{height:30px;width:auto;max-width:120px;object-fit:contain}.sidebar.closed .logo-icon{font-size:20px}.powered-by-content.horizontal{flex-direction:row;gap:8px}.powered-by-content.horizontal .powered-text{font-size:12px}.powered-by-content.horizontal .powered-logo{height:24px}.admin-dashboard{max-width:700px;margin:30px auto;background:#fff;padding:25px 30px;border-radius:12px;box-shadow:0 4px 10px #00000026}.admin-dashboard h2{text-align:center;margin-bottom:20px}.user-table{width:100%;border-collapse:collapse;margin-bottom:25px}.user-table th,.user-table td{border:1px solid #ddd;padding:10px;text-align:left}.user-table th{background-color:#1a73e8;color:#fff}.delete-btn{background-color:#ff4d4d;border:none;color:#fff;border-radius:6px;padding:5px 10px;cursor:pointer}.delete-btn:hover{background-color:#e03e3e}.add-user-form{display:flex;flex-direction:column;gap:10px}.add-user-form input{padding:10px;border-radius:6px;border:1px solid #ccc}.add-user-form button{background-color:#1a73e8;color:#fff;border:none;padding:10px;border-radius:6px;cursor:pointer}.add-user-form button:hover{background-color:#155ec4}.error{color:red;text-align:center}body{margin:0;font-family:Arial,sans-serif;background:#f0f2f5}