@import url(https://fonts.googleapis.com/css2?family=Fredoka:wght@300;400;500;600;700&display=swap);:root{--bg-primary:#0f172ab3;--bg-secondary:#0a0e27cc;--border-primary:#6366f133;--border-secondary:#6366f14d;--border-focus:#818cf8;--text-light:#e5e7eb;--text-muted:#d1d5db;--text-white:#fff;--gradient-title:linear-gradient(135deg,#818cf8,#c084fc 50%,#f472b6);--gradient-button:linear-gradient(135deg,#6366f1,#a855f7);--shadow-box:0 10px 40px #0006,0 0 60px #6366f11a;--shadow-button:0 4px 20px #a855f74d;--shadow-focus:0 0 15px #818cf84d;--shadow-title:0 0 40px #c084fc4d;--animation-fade-in:fadeIn 1s ease-out}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b1120;color:#e5e7eb;color:var(--text-light);font-family:Fredoka,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}.gradient-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#818cf8,#c084fc 50%,#f472b6);background:var(--gradient-title);-webkit-background-clip:text;background-clip:text;font-weight:700;text-shadow:0 0 40px #c084fc4d;text-shadow:var(--shadow-title)}.swipe-button{background:linear-gradient(135deg,#6366f1,#a855f7);background:var(--gradient-button);border:none;border-radius:12px;box-shadow:0 4px 20px #a855f74d;box-shadow:var(--shadow-button);color:#fff;color:var(--text-white);cursor:pointer;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.swipe-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.swipe-button:hover:before{left:100%}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111827cc;border-right:1px solid #00e5ff33;color:#f0f8ff;display:flex;flex-direction:column;padding:1.5rem;width:260px}.sidebar-header{border-bottom:1px solid #00e5ff1a;margin-bottom:1.5rem;padding:1rem .5rem;text-align:center}.sidebar-logo{height:40px;margin-bottom:1rem}.sidebar-title{color:#00e5ff;font-size:1.5rem;font-weight:700;text-shadow:0 0 10px #00e5ff4d}.sidebar-subtitle{color:#a0a0c0;font-size:.85rem}.sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.nav-link{align-items:center;background:#0f172ab3;border:1px solid #6366f133;border-radius:12px;color:#a0a0c0;display:flex;font-weight:500;gap:.75rem;overflow:hidden;padding:.85rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(90deg,#0000,#a855f74d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.nav-link:hover{border-color:#a855f780;box-shadow:0 4px 20px #a855f71a;color:#f0f8ff;transform:translateY(-3px)}.nav-link:hover:before{left:100%}.nav-link.active{background:#0f172a;border-color:#c084fc99;box-shadow:0 0 15px #c084fc1a;color:#c084fc;font-weight:600}.sidebar-footer{border-top:1px solid #00e5ff1a;margin-top:1.5rem;padding-top:1.5rem}.logout-button{background:#ef44441a;border:1px solid #ef44444d;border-radius:10px;color:#fca5a5;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease;width:100%}.logout-button:hover{background:#ef444433;box-shadow:0 0 15px #ef444433;transform:translateY(-2px)}.layout-container{display:flex;min-height:100vh}.content-area{background-color:#0b1120;flex:1 1;overflow-y:auto;padding:2rem 3rem}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000b3;bottom:0;right:0;z-index:3000}.modal-content{animation:var(--animation-fade-in);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);padding:2rem;width:90%}.modal-header{border-bottom:1px solid var(--border-secondary);margin-bottom:1.5rem}.modal-header h2{color:var(--text-light);font-size:1.8rem}.modal-close-button{transition:color .3s ease}.modal-body p{color:var(--text-muted);line-height:1.6;margin-bottom:1rem}.login-container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:2rem;position:relative;width:100%;z-index:10}.login-box{animation:var(--animation-fade-in);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:24px;box-shadow:var(--shadow-box);max-width:480px;padding:3rem;text-align:center;width:100%}.login-title{font-size:2.8rem;margin-bottom:1rem}.login-subtitle{color:var(--text-muted);font-size:1.1rem;margin-bottom:2.5rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.input-group{position:relative}.login-input{background:var(--bg-secondary);border:2px solid var(--border-secondary);border-radius:12px;color:var(--text-light);font-family:Fredoka,sans-serif;font-size:1rem;outline:none;padding:1rem 1.2rem;transition:all .3s ease;width:calc(100% - 2.4rem)}.login-input:focus{border-color:var(--border-focus);box-shadow:var(--shadow-focus)}.api-offline-notification{background-color:#ff4d4d;box-shadow:0 4px 10px #ff4d4d66;color:#fff;font-size:1rem;font-weight:500;left:0;padding:1rem;position:fixed;right:0;text-align:center;top:0;z-index:2000}.api-status-login{align-items:center;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;bottom:1rem;display:flex;gap:.75rem;padding:.5rem 1rem;position:fixed;right:1rem;z-index:1000}.api-status-light-login{border-radius:50%;height:14px;transition:all .3s ease;width:14px}.api-status-text-login{color:var(--text-muted);font-size:.9rem}.copyright-button{background:none;border:none;bottom:1rem;cursor:pointer;left:1rem;padding:0;position:fixed;transition:transform .3s ease;z-index:1000}.copyright-button:hover{transform:scale(1.1)}.copyright-button img{height:72px;opacity:.7;transition:opacity .3s ease;width:72px}.copyright-button:hover img{opacity:1}.dashboard-page-container{animation:var(--animation-fade-in);padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.dashboard-title{font-size:3.5rem;font-weight:700}.api-status-widget{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:1rem;padding:.75rem 1.5rem}.api-status-light{border-radius:50%;height:16px;width:16px}.api-status-text{color:var(--text-light);font-size:1rem;font-weight:500}.dashboard-widgets-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.widget{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);padding:1.5rem}.widget.full-width{grid-column:1/-1}.widget-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.widget-icon{color:var(--accent-primary);font-size:1.5rem}.widget h3{font-size:1.2rem;font-weight:600;margin:0}.widget-content{color:var(--text-muted);font-size:1rem;margin:0}.dashboard-buttons-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.dashboard-nav-button{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);color:var(--text-light);cursor:pointer;display:flex;gap:1.5rem;overflow:hidden;padding:1.5rem;position:relative;text-align:left;transition:all .3s ease}.dashboard-nav-button:before{background:linear-gradient(90deg,#0000,#a855f733,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .4s ease;width:100%}.dashboard-nav-button:hover{border-color:var(--border-focus);box-shadow:0 12px 40px #a855f726;transform:translateY(-8px)}.dashboard-nav-button:hover:before{left:100%}.nav-button-icon{color:var(--accent-primary);flex-shrink:0;font-size:2.5rem}.nav-button-text h3{color:var(--text-light);font-size:1.5rem;margin:0 0 .5rem}.nav-button-text p{color:var(--text-muted);font-size:.9rem;line-height:1.4;margin:0}.users-page-container{animation:var(--animation-fade-in);padding:2rem}.users-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.users-title{font-size:2.8rem}.users-actions{display:flex;gap:1rem}.users-table-container{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);overflow:hidden}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border-bottom:1px solid var(--border-secondary);padding:1rem 1.2rem;text-align:left;white-space:nowrap}.users-table th{color:var(--text-light);font-size:1rem;font-weight:600}.users-table td{color:var(--text-muted);font-size:.95rem}.users-table tbody tr:last-child td{border-bottom:none}.users-table tbody tr:hover{background-color:#6366f10d}.actions-cell{display:flex;gap:.75rem}.role-select{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-light);padding:.5rem}.action-button,.role-select{cursor:pointer;font-family:Fredoka,sans-serif}.action-button{align-items:center;border:none;border-radius:8px;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.edit-button{background-color:var(--accent-primary);color:#fff}.edit-button:hover{background-color:#5a3e9a}.delete-button{background-color:var(--accent-error);color:#fff}.delete-button:hover{background-color:#c53030}.action-button:disabled{background-color:#777;cursor:not-allowed;opacity:.6}.modal-overlay{align-items:center;animation:fadeIn .3s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a192fcc;display:flex;height:100%;justify-content:center;left:0;opacity:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideIn .3s .1s forwards;background:#0f172ae6;background:var(--card-bg,#0f172ae6);border:1px solid #00e5ff4d;border:1px solid var(--card-border,#00e5ff4d);border-radius:24px;box-shadow:0 10px 40px #0006;max-width:500px;padding:2.5rem;transform:translateY(20px);width:100%}@keyframes fadeIn{to{opacity:1}}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid var(--card-border);display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.modal-title{color:var(--text-light);font-size:1.8rem;font-weight:600;margin:0}.modal-close-button{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:2.5rem;line-height:1;padding:0;transition:color .2s ease}.modal-close-button:hover{color:var(--text-light)}.modal-form{display:flex;flex-direction:column;gap:1.5rem}.modal-form .input-group{display:flex;flex-direction:column;gap:.5rem}.modal-form .input-group label{color:var(--text-muted);font-size:.9rem;font-weight:500}.modal-input{background:#0a0e27cc;border:2px solid #6366f14d;border-radius:12px;color:#e5e7eb;font-family:Fredoka,sans-serif;font-size:1rem;outline:none;padding:.9rem 1.1rem;transition:all .3s ease;width:100%}.modal-input:focus{border-color:#818cf8;box-shadow:0 0 15px #818cf84d}.checkbox-group{align-items:center;display:flex;gap:.75rem}.checkbox-group label{color:var(--text-light);cursor:pointer;font-size:.95rem}.modal-checkbox{cursor:pointer;height:1.2rem;width:1.2rem}.modal-submit-button{background:linear-gradient(135deg,#00e5ff,#9333ea);border:none;border-radius:12px;box-shadow:0 4px 20px #00e5ff4d;color:#fff;cursor:pointer;font-family:Fredoka,sans-serif;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s ease}.modal-submit-button:hover{box-shadow:0 8px 25px #00e5ff66;transform:translateY(-2px)}.modal-submit-button:disabled{cursor:not-allowed;opacity:.6;transform:translateY(0)}.modal-form .message{border-radius:8px;font-size:.9rem;margin:0;padding:.8rem}.modal-form .error-message{background-color:#ef44441a;border:1px solid #ef44444d;color:#f87171}.data-page-container{animation:var(--animation-fade-in);padding:2rem}.data-title{font-size:2.8rem;margin-bottom:2rem}.data-tabs{border-bottom:1px solid var(--border-primary);display:flex;gap:1rem;margin-bottom:2rem}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:var(--text-muted);cursor:pointer;font-size:1.1rem;font-weight:500;padding:.75rem 1.5rem;position:relative;top:1px;transition:all .3s ease}.tab-button.active{border-bottom-color:var(--border-focus);color:var(--text-light)}.data-content{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);padding:2rem}.data-table{border-collapse:collapse;width:100%}.data-table td,.data-table th{border-bottom:1px solid var(--border-secondary);padding:1rem 1.5rem;text-align:left}.data-table th{color:var(--text-light);font-size:1rem;font-weight:600}.data-table td{color:var(--text-muted);font-size:.95rem}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background-color:#6366f10d}.note-card{background:#0003;border:1px solid var(--border-secondary);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.note-card:last-child{margin-bottom:0}.note-header{align-items:center;border-bottom:1px solid var(--border-secondary);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.note-user{color:var(--text-light);font-weight:500}.note-date{color:var(--text-muted);font-size:.9rem}.note-content{color:var(--text-muted);font-size:1rem;line-height:1.6}.logs-page-container{animation:var(--animation-fade-in);display:flex;flex-direction:column;height:calc(100vh - 4rem);padding:2rem}.logs-header{align-items:center;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:2rem}.logs-title{font-size:2.8rem}.logs-controls{align-items:center;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;display:flex;gap:1.5rem;padding:1rem}.logs-controls label{align-items:center;cursor:pointer;display:flex;font-size:1rem;gap:.75rem}.logs-controls input[type=checkbox]{accent-color:var(--border-focus);height:20px;width:20px}.logs-controls input[type=number]{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-light);font-family:Fredoka,sans-serif;font-size:1rem;padding:.5rem;width:80px}.refresh-button{font-size:1rem;font-weight:500;padding:.6rem 1.2rem}.logs-container{background:#0a0e27;border:1px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-box);color:var(--text-muted);flex-grow:1;font-family:Courier New,Courier,monospace;font-size:.9rem;overflow-y:auto;padding:1.5rem}.log-entry{align-items:center;background:#0003;border:1px solid var(--border-secondary);border-radius:12px;display:flex;font-size:.9rem;gap:1rem;margin-bottom:1rem;padding:1rem}.log-entry:last-child{margin-bottom:0}.log-timestamp{color:var(--text-muted);font-weight:500;min-width:160px}.log-level{border-radius:6px;font-size:.8rem;font-weight:700;padding:.2rem .5rem}.log-level.info{background-color:#3b82f6;color:#fff}.log-level.warn{background-color:#f59e0b;color:#fff}.log-level.error{background-color:#ef4444;border-left:4px solid #ef4444;color:#fff}.log-message{color:var(--text-light);word-break:break-all}.logs-container::-webkit-scrollbar{width:10px}.logs-container::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:10px}.logs-container::-webkit-scrollbar-thumb{background:var(--border-focus);border-radius:10px}.logged-out-container{align-items:center;animation:var(--animation-fade-in);background-color:var(--bg-dark);color:var(--text-light);display:flex;height:100vh;justify-content:center;text-align:center}.logged-out-box{padding:3rem}.logged-out-icon{color:var(--accent-success);font-size:5rem;margin-bottom:1.5rem}.logged-out-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem}.logged-out-message{color:var(--text-muted);font-size:1.1rem}
/*# sourceMappingURL=main.457b9fbb.css.map*/