:root{--bg-body: #1a1b1e;--bg-sidebar: #141517;--bg-card: #25262b;--primary-magenta: #e91e63;--primary-purple: #7048e8;--text-main: #c1c2c5;--text-bright: #ffffff;--border-color: #373a40;--accent-solid: #e91e63}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Outfit,sans-serif;background-color:var(--bg-body);color:var(--text-main);overflow:hidden;height:100vh;font-size:13px}.app-container{display:flex;height:100vh}.sidebar{width:160px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;padding:15px}.logo-container{margin-bottom:20px;text-align:center}.nav-item{padding:8px 12px;margin-bottom:4px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s;font-weight:500;font-size:12px}.nav-item.active{background:var(--accent-solid);color:#fff}.main-content{flex-grow:1;overflow-y:auto;padding:15px}.header-banner{width:100%;height:45px;border-radius:8px;background:linear-gradient(135deg,#7048e8,#e91e63);margin-bottom:15px;display:flex;align-items:center;padding:0 15px}.header-banner h2{color:#fff;font-size:16px}.card{background:var(--bg-card);border-radius:10px;padding:15px;border:1px solid var(--border-color);margin-bottom:15px}.stat-card{display:flex;flex-direction:column;gap:4px}.stat-card .label{color:#868e96;font-size:10px;text-transform:uppercase}.stat-card .value{font-size:18px;font-weight:700;color:var(--text-bright)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.input-group{margin-bottom:12px}.input-group label{font-size:11px;color:#868e96;margin-bottom:5px;display:block}.input-group input{width:100%;padding:10px 12px;background:#1c1d21;border:1px solid var(--border-color);border-radius:6px;color:#fff;font-family:inherit;font-size:13px}.input-group input:focus{outline:none;border-color:var(--primary-magenta)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(24%) sepia(87%) saturate(2324%) hue-rotate(320deg) brightness(97%) contrast(92%)}.toggle-container{display:flex;align-items:center;gap:10px;margin:15px 0;font-size:12px;color:var(--text-bright)}.switch{position:relative;display:inline-block;width:42px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#373a40;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:var(--primary-magenta)}input:checked+.slider:before{transform:translate(22px)}.btn-action{padding:0 16px;font-size:12px;border-radius:6px;background:var(--primary-magenta);color:#fff;border:none;cursor:pointer;font-weight:600;transition:.3s;height:32px;display:flex;align-items:center;justify-content:center}.btn-action:hover{filter:brightness(1.1)}.btn-secondary{background:transparent;border:1px solid #373a40;color:#868e96}.divider{height:1px;background:var(--border-color);margin:20px 0;width:100%}.filters{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:15px;justify-content:flex-end}.filter-input{background:#1c1d21;border:1px solid var(--border-color);color:#fff;padding:0 10px;border-radius:6px;font-size:12px;height:32px;width:auto}.table-container{width:100%;overflow-x:auto}table{width:100%;border-collapse:separate;border-spacing:0 8px;margin-top:10px}th{text-align:left;padding:10px 15px;color:#5c5f66;font-size:11px;text-transform:uppercase;letter-spacing:.5px}td{padding:12px 15px;color:var(--text-main);background:#25262b;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color)}td:first-child{border-left:1px solid var(--border-color);border-radius:8px 0 0 8px}td:last-child{border-right:1px solid var(--border-color);border-radius:0 8px 8px 0}.badge-positive{color:#40c057;background:#40c0571a;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.chart-container{height:160px;position:relative}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#373a40;border-radius:10px}.custom-toast{position:fixed;top:25px;right:25px;background:#1e1e1e;color:#fff;padding:18px 25px;border-radius:14px;box-shadow:0 15px 45px #0009;border-left:5px solid #e91e63;z-index:11000;animation:toast-in .6s cubic-bezier(.175,.885,.32,1.275);font-family:Outfit,sans-serif;min-width:250px}.custom-toast strong{color:#e91e63;font-size:14px;display:block;margin-bottom:3px}.custom-toast.error{border-left-color:#fa5252}.custom-toast.error strong{color:#fa5252}.custom-toast.fade-out{opacity:0;transform:translate(60px);transition:all .6s}@keyframes toast-in{0%{transform:translate(120px);opacity:0}to{transform:translate(0);opacity:1}}.�b�a�d�g�e�-�n�e�g�a�t�i�v�e� �{� �b�a�c�k�g�r�o�u�n�d�:� �#�f�f�f�5�f�5�;� �c�o�l�o�r�:� �#�c�9�2�a�2�a�;� �p�a�d�d�i�n�g�:� �4�p�x� �8�p�x�;� �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �6�p�x�;� �f�o�n�t�-�s�i�z�e�:� �1�1�p�x�;� �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� �}� � �.�s�i�d�e�b�a�r� �{� �d�i�s�p�l�a�y�:� �f�l�e�x�;� �f�l�e�x�-�d�i�r�e�c�t�i�o�n�:� �c�o�l�u�m�n�;� �h�e�i�g�h�t�:� �1�0�0�v�h�;� �}� �.�n�a�v�-�m�e�n�u� �{� �f�l�e�x�-�g�r�o�w�:� �1�;� �}� �.�s�i�d�e�b�a�r�-�f�o�o�t�e�r� �{� �p�a�d�d�i�n�g�:� �2�0�p�x�;� �t�e�x�t�-�a�l�i�g�n�:� �c�e�n�t�e�r�;� �b�o�r�d�e�r�-�t�o�p�:� �1�p�x� �s�o�l�i�d� �r�g�b�a�(�2�5�5�,�2�5�5�,�2�5�5�,�0�.�0�5�)�;� �}� � �.�c�h�a�r�t�-�c�o�n�t�a�i�n�e�r� �{� �w�i�d�t�h�:� �1�0�0�%�;� �h�e�i�g�h�t�:� �3�0�0�p�x�;� �p�o�s�i�t�i�o�n�:� �r�e�l�a�t�i�v�e�;� �m�a�r�g�i�n�-�t�o�p�:� �1�5�p�x�;� �}� � �.�d�a�s�h�b�o�a�r�d�-�g�r�i�d� �{� �d�i�s�p�l�a�y�:� �g�r�i�d�;� �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �1�f�r�;� �g�a�p�:� �2�5�p�x�;� �}� �@�m�e�d�i�a� �(�m�i�n�-�w�i�d�t�h�:� �1�2�0�0�p�x�)� �{� �.�d�a�s�h�b�o�a�r�d�-�g�r�i�d� �{� �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �1�f�r� �1�f�r�;� �}� �}� � �@�m�e�d�i�a� �(�m�a�x�-�w�i�d�t�h�:� �9�0�0�p�x�)� �{� �.�s�t�a�t�s�-�g�r�i�d� �{� �g�r�i�d�-�t�e�m�p�l�a�t�e�-�c�o�l�u�m�n�s�:� �1�f�r�;� �}� �.�m�a�i�n�-�c�o�n�t�e�n�t� �{� �p�a�d�d�i�n�g�:� �2�0�p�x�;� �}� �}� � �.�o�p�e�r�a�t�i�o�n�-�t�a�b�l�e� �t�d�,� �.�o�p�e�r�a�t�i�o�n�-�t�a�b�l�e� �t�h� �{� �p�a�d�d�i�n�g�:� �1�2�p�x� �8�p�x� �!�i�m�p�o�r�t�a�n�t�;� �f�o�n�t�-�s�i�z�e�:� �1�3�p�x�;� �}� �.�c�o�l�-�p�e�d�i�d�o� �{� �f�o�n�t�-�s�i�z�e�:� �1�2�p�x� �!�i�m�p�o�r�t�a�n�t�;� �f�o�n�t�-�w�e�i�g�h�t�:� �6�0�0�;� �}� �.�c�o�l�-�v�a�l�o�r� �{� �w�h�i�t�e�-�s�p�a�c�e�:� �n�o�w�r�a�p� �!�i�m�p�o�r�t�a�n�t�;� �f�o�n�t�-�w�e�i�g�h�t�:� �b�o�l�d�;� �}� �@�m�e�d�i�a� �(�m�a�x�-�w�i�d�t�h�:� �1�0�0�0�p�x�)� �{� �.�o�p�e�r�a�t�i�o�n�-�t�a�b�l�e� �t�d�,� �.�o�p�e�r�a�t�i�o�n�-�t�a�b�l�e� �t�h� �{� �p�a�d�d�i�n�g�:� �8�p�x� �4�p�x� �!�i�m�p�o�r�t�a�n�t�;� �f�o�n�t�-�s�i�z�e�:� �1�2�p�x�;� �}� �}� � �/�*� �F�o�r�c�e� �U�p�d�a�t�e� �1�.�1� �*�/� � �.�o�p�e�r�a�t�i�o�n�-�t�a�b�l�e� �t�d� �{� �w�h�i�t�e�-�s�p�a�c�e�:� �n�o�w�r�a�p�;� �}� �.�c�o�l�-�c�l�i�e�n�t�e� �{� �m�a�x�-�w�i�d�t�h�:� �1�5�0�p�x�;� �o�v�e�r�f�l�o�w�:� �h�i�d�d�e�n�;� �t�e�x�t�-�o�v�e�r�f�l�o�w�:� �e�l�l�i�p�s�i�s�;� �w�h�i�t�e�-�s�p�a�c�e�:� �n�o�w�r�a�p�;� �}� �.�b�a�d�g�e�-�p�o�s�i�t�i�v�e�,� �.�b�a�d�g�e�-�n�e�g�a�t�i�v�e� �{� �d�i�s�p�l�a�y�:� �i�n�l�i�n�e�-�b�l�o�c�k� �!�i�m�p�o�r�t�a�n�t�;� �w�h�i�t�e�-�s�p�a�c�e�:� �n�o�w�r�a�p� �!�i�m�p�o�r�t�a�n�t�;� �}� �.�c�o�l�-�p�e�d�i�d�o� �{� �m�i�n�-�w�i�d�t�h�:� �1�0�0�p�x�;� �}� � �{}
