@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--color-theme: #0f4166;--color-primary-bg: #155c8f;--color-primary-text: #ffffff;--color-primary-hover: #0d3555;--color-primary-shadow: #a8cae261;--color-primary-light-bg: #e0edf6;--color-primary-light-text: #155c8f;--color-primary-light-hover: #c7dcec;--color-danger-bg: #d32f2f;--color-danger-hover: #b71c1c;--color-danger-text: #ffffff;--color-danger-light-bg: #ffd8d8;--color-danger-light-text: #d32f2f;--color-danger-light-hover: #fcbaba;--color-disabled-bg: #ebebeb;--color-disabled-border: #d6d6d6;--color-disabled-text: #9e9e9e;--color-success-bg: #4c8936;--color-success-text: #ffffff;--color-success-hover: #3b6f2a;--color-success-light-bg: #d8f5dc;--color-success-light-text: #2e7d32;--color-success-light-hover: #b9e8c0;--color-border: #d6e4f0;--color-text: #0f4166;--color-bg-light: #edf1f5;--header-bg: #ffffff;--header-border: rgba(0, 33, 143, .14);--header-text: #0f4166;--dropdown-bg: #ffffff;--dropdown-text: #000000;--dropdown-hover-bg: #e9e9e9;--dropdown-hover-text: #000000;--dropdown-shadow: rgba(0, 33, 143, .12);--sidebar-bg: #0f4166;--sidebar-text: #ffffff;--sidebar-active-bg: #155c8f;--sidebar-border: rgba(255, 255, 255, .28);--popup-bg: #ffffff;--popup-heading: #0f4166;--popup-text: #0f4166;--color-checkbox-bg: #2563eb;--chart-line: #358ac7;--chart-gradient-start: #358ac7;--chart-gradient-end: #358ac7;--chart-grid: #c9e1f4;--chart-tooltip-bg: #155c8f;--chart-tooltip-text: #ffffff;--strip-bg: rgba(0, 0, 0, .05);--strip-arrow: #333}[data-theme=dark]{--color-theme: #3b82f6;--color-primary-bg: #3b82f6;--color-primary-text: #ffffff;--color-primary-hover: #60a5fa;--color-primary-shadow: rgba(0, 0, 0, .4);--color-primary-light-bg: #27374d;--color-primary-light-text: #93c5fd;--color-primary-light-hover: #1c2a44;--color-danger-bg: #b91c1c;--color-danger-hover: #ef4444;--color-danger-text: #ffffff;--color-danger-light-bg: #4c1d1d;--color-danger-light-text: #fca5a5;--color-danger-light-hover: #7f1d1d;--color-success-bg: #15803d;--color-success-text: #ffffff;--color-success-hover: #22c55e;--color-success-light-bg: #1e3b27;--color-success-light-text: #86efac;--color-success-light-hover: #166534;--color-disabled-bg: #374151;--color-disabled-border: #4b5563;--color-disabled-text: #9ca3af;--color-border: #334155;--color-text: #f8fafc;--color-bg-light: #1e293b;--header-bg: #1e293b;--header-border: rgba(255, 255, 255, .08);--header-text: #f1f5f9;--dropdown-bg: #27374d;--dropdown-text: #f1f5f9;--dropdown-hover-bg: #3b4252;--dropdown-hover-text: #ffffff;--dropdown-shadow: rgba(0, 0, 0, .5);--popup-bg: #1e293b;--popup-heading: #93c5fd;--popup-text: #cbd5e1;--color-checkbox-bg: #357ae9;--chart-line: #3b82f6;--chart-gradient-start: #3b82f6;--chart-gradient-end: #3b82f6;--chart-grid: #444;--chart-tooltip-bg: #222;--chart-tooltip-text: #ffffff;--strip-bg: rgba(255, 255, 255, .1);--strip-arrow: #fff}body{background-color:#fff;font-family:Inter,sans-serif}body{background-color:var(--color-bg-light);color:var(--color-text);transition:background .3s,color .3s}[data-theme=dark] body{background-color:#0f172a;color:var(--color-text)}.btn{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;justify-content:center;font-family:Inter,sans-serif;font-size:14px;font-weight:600;height:36px;padding:.5rem 1.25rem;transition:all .25s ease;white-space:nowrap;position:relative;overflow:hidden}.btn:hover{box-shadow:0 4px 12px #00000026}.btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000001a}.btn-primary{background-color:var(--color-primary-bg);color:var(--color-primary-text);box-shadow:0 2px 6px #0f416640}.btn-primary:hover{background-color:var(--color-primary-hover);box-shadow:0 4px 10px #0f416659}.btn-primary:active{box-shadow:0 1px 3px #0f416633}.btn-danger{background:linear-gradient(135deg,var(--color-danger-bg),var(--color-danger-hover));color:var(--color-danger-text);box-shadow:0 4px 10px #d32f2f4d,inset 0 -2px 6px #ffffff26}.btn-danger:hover{background:linear-gradient(135deg,var(--color-danger-hover),var(--color-danger-bg));box-shadow:0 6px 14px #b71c1c66,inset 0 -3px 8px #fff3}.btn-success{background:linear-gradient(135deg,var(--color-success-bg),var(--color-success-hover));color:var(--color-success-text);box-shadow:0 4px 10px #4c89364d,inset 0 -2px 6px #ffffff26}.btn-success:hover{background:linear-gradient(135deg,var(--color-success-hover),var(--color-success-bg));box-shadow:0 6px 14px #3b6f2a66,inset 0 -3px 8px #fff3}.btn-secondary{border:1px solid var(--color-border);background:var(--color-bg-light);color:var(--color-primary-bg)}.btn-secondary:hover{background:var(--color-primary-hover);color:var(--color-primary-text);border-color:var(--color-primary-hover)}.btn-ghost{background:transparent;color:var(--color-theme);border:1px solid transparent}.btn-ghost:hover{background:#0f416614;border-color:#0f416626}.btn-sm{padding:.25rem .75rem;font-size:12px;height:28px}.btn-md{padding:.5rem 1.25rem;font-size:14px;height:36px}.btn-lg{padding:.75rem 1.5rem;font-size:16px;height:44px}.btn:disabled,.btn.disabled{background-color:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed;box-shadow:none;transform:none;opacity:.7}.btn:after{content:"";position:absolute;border-radius:inherit;top:0;right:0;bottom:0;left:0;background:#fff3;opacity:0;transform:scale(.8);transition:transform .3s,opacity .3s}.btn:active:after{opacity:1;transform:scale(1);transition:0s}.btn .icon{display:inline-flex;margin-right:6px;font-size:16px;line-height:1}.btn.add:before{content:"＋";margin-right:6px}.btn.edit:before{content:"✎";margin-right:6px}.btn.delete:before{content:"🗑";margin-right:6px}.btn.view:before{content:"👁";margin-right:6px}.language-dropdown{background-color:#fff;border:1px solid #ccc;position:absolute;z-index:1000;width:150px;padding:5px}.language-loading{padding:10px;text-align:center;font-size:14px;color:#555}html,body{height:100vh}#root{height:100vh;width:100%;float:left;font-family:Inter,sans-serif}.fullWidth{width:100%;float:left}.main{display:flex;min-height:100vh}.container{width:calc(100% - 320px);float:left;padding:0;flex-grow:1}input{font-family:Inter,sans-serif}button:focus{outline:none}.app-header{display:flex;align-items:center;justify-content:space-between;height:70px;position:sticky;padding:0 35px;width:100%;background:var(--header-bg);-webkit-box-shadow:0px 0px 35px 0px rgba(154,161,171,.15);box-shadow:0 0 35px #9aa1ab26}.app-header__title{margin:0;font-size:23px;font-weight:600;color:var(--header-text)}.app-header__right{display:flex;align-items:center;margin-right:0}.app-header__notifications{margin-top:7px}.app-header__user{display:flex;align-items:center;cursor:pointer;font-size:16px;font-weight:500;color:var(--header-text);background:url("data:image/svg+xml,%3csvg%20width='11'%20height='6'%20viewBox='0%200%2011%206'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.02045%200.21967C1.31334%20-0.0732233%201.78822%20-0.0732233%202.08111%200.21967L5.80078%203.93934L9.52045%200.219671C9.81334%20-0.0732226%2010.2882%20-0.0732225%2010.5811%200.219671C10.874%200.512564%2010.874%200.987438%2010.5811%201.28033L6.33111%205.53033C6.19046%205.67098%205.99969%205.75%205.80078%205.75C5.60187%205.75%205.4111%205.67098%205.27045%205.53033L1.02045%201.28033C0.727558%200.987437%200.727558%200.512563%201.02045%200.21967Z'%20fill='white'/%3e%3c/svg%3e") right center no-repeat;padding-right:25px}.app-header__user img{margin-right:12px}.app-header__dropdown{position:relative;margin-left:20px}.app-header__dropdown-menu{display:none;position:absolute;right:0;top:40px;width:175px;margin:0;padding:0;background:var(--dropdown-bg);border-radius:4px;box-shadow:0 10px 20px 0 var(--dropdown-shadow);overflow:hidden;z-index:10}.app-header__dropdown-menu.open{display:block}.app-header__dropdown-item{list-style:none;width:100%;float:left;font-size:14px;font-weight:400}.app-header__dropdown-link,.app-header__logout-btn{display:flex;align-items:center;width:100%;padding:10px 15px;font-family:Inter,sans-serif;font-size:14px;font-weight:400;color:var(--dropdown-text);background:none;border:none;cursor:pointer;text-decoration:none}.app-header__dropdown-link:hover,.app-header__logout-btn:hover{background-color:var(--dropdown-hover-bg);color:var(--dropdown-hover-text)}.app-header__theme-toggle{margin-left:12px}.app-header__theme-btn{background:transparent;border:none;cursor:pointer;font-size:0;display:flex;align-items:center;justify-content:center;color:var(--header-text);transition:transform .2s ease,color .3s ease}.app-header__theme-btn svg{width:22px;height:22px}.app-header__theme-btn:hover{transform:scale(1.15)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-text);width:260px;flex-shrink:0;padding-bottom:28px;position:relative;transition:width .3s ease,background .3s ease;display:flex;flex-direction:column}.sidebar.collapsed{width:63px}.collapse-strip{position:absolute;top:0;right:-15px;width:15px;height:100%;display:flex;justify-content:center;align-items:center;pointer-events:auto}.collapse-strip-inner{margin:auto 0;width:15px;height:88px;background:var(--strip-bg);cursor:pointer;border-radius:4px;display:flex;justify-content:center;align-items:center;transition:height .4s ease,border-radius .4s ease,background .4s ease;overflow:hidden}.collapse-strip:hover .collapse-strip-inner{height:100%;background:var(--strip-bg);border-radius:0}.collapse-arrow{border:none;background:transparent;font-size:14px;padding:0;line-height:1;color:var(--strip-arrow);transition:color .3s ease}.sidebar-header{display:flex;align-items:center;justify-content:flex-start;height:84px;padding:0 20px;transition:all .3s ease}.sidebar-header img{height:45px;transition:all .3s ease}.sidebar-header.collapsed{justify-content:center;padding:0}.sidebar-toggle{cursor:pointer;display:flex;justify-content:flex-end;position:absolute;top:28px;right:0;transition:all .3s ease}.sidebar.collapsed .sidebar-toggle{right:-29px}.sidebar-menu{display:flex;flex-direction:column;height:calc(100% - 84px);padding:0;margin:0;list-style:none;overflow:auto}.sidebar-menu li{width:100%}.sidebar-menu li a{display:flex;align-items:center;padding:12px 20px;font-size:18px;font-weight:400;color:var(--sidebar-text);text-decoration:none;transition:background .3s ease,color .3s ease}.sidebar-menu li a img{width:22px;height:22px;margin-right:12px;filter:invert(0%) brightness(140%);transition:all .3s ease}.sidebar-menu li a span{white-space:nowrap}.sidebar-menu li a.active{background:var(--sidebar-active-bg);font-weight:500}.sidebar-menu li a:hover{background:var(--sidebar-active-bg)}.sidebar.collapsed .sidebar-menu li a{justify-content:center}.sidebar.collapsed .sidebar-menu li a img{margin:0}.sidebar.collapsed .sidebar-menu li a span{display:none}.sidebar-menu::-webkit-scrollbar{width:6px}.sidebar-menu::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}.dashboard-top-section{display:flex;gap:20px;margin-bottom:25px}.api-usage-card{flex:2;background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 5px #0000000d}.api-usage-card h3{margin-bottom:15px;font-size:18px;font-weight:600;color:#0f172a}.api-usage-card ul{list-style:none;padding:0;margin:0}.api-usage-card li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #e2e8f0}.api-usage-card li:last-child{border-bottom:none}.api-usage-card span{font-size:15px;color:#475569}.stats-cards{flex:1;display:grid;grid-template-columns:1fr;gap:15px;border-radius:4px}.stats-card{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 5px #0000000d;text-align:center}.stats-card h4{font-size:15px;color:#475569;margin-bottom:8px}.stats-card h2{font-size:26px;font-weight:700;color:#0f172a;margin:0}.logging-user-list{background:#fff;padding:20px;border-radius:4px;box-shadow:0 2px 5px #0000000d}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.list-header h3{font-size:18px;font-weight:600;color:#0f172a;margin:0}[data-theme=dark] .api-usage-card,[data-theme=dark] .stats-card,[data-theme=dark] .logging-user-list{background:#1e293b;box-shadow:0 2px 5px #0006}[data-theme=dark] .api-usage-card h3,[data-theme=dark] .stats-card h4,[data-theme=dark] .list-header h3{color:#f1f5f9}[data-theme=dark] .api-usage-card span,[data-theme=dark] .stats-card h4{color:#cbd5e1}[data-theme=dark] .stats-card{background:linear-gradient(109.64deg,#1e293b 41.46%,#0f172a 97%)}[data-theme=dark] .stats-card h2{color:#f8fafc}[data-theme=dark] .api-usage-card li{border-bottom:1px solid #334155}.dashboard-container{padding:20px;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;width:100%;align-items:center;margin-bottom:15px}.dashboard-header h2{color:#0f172a;font-size:24px;font-weight:400;margin:0}.dropdown-trigger{position:relative;top:-2px;margin-left:3px}[data-theme=dark] .dashboard-header h2{color:#f8fafc}.view-btn{padding:6px 12px;font-size:13px;border:1px solid var(--color-border);border-radius:4px;background:var(--color-bg-light);color:var(--color-primary-bg);cursor:pointer;transition:all .2s ease;font-family:Inter,sans-serif;font-weight:600;font-style:Semi Bold;font-size:14px;letter-spacing:0%;vertical-align:middle}.view-btn:hover{background:var(--color-primary-hover);color:var(--color-primary-text);border-color:var(--color-primary-hover)}.table-container{background:var(--popup-bg);border-radius:4px;box-shadow:10px 10px 20px 0 var(--color-primary-shadow);padding:20px;margin:20px auto;overflow-x:auto;width:100%;transition:background .3s ease,border-color .3s ease}.table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.table-title{font-size:18px;font-weight:600;color:var(--popup-heading)}.table-actions{display:flex;align-items:center;gap:10px}.search-input{width:190px;height:36px;border:1px solid var(--color-border);border-radius:4px;padding:0 20px 0 45px;font-size:14px;font-family:Inter,sans-serif;font-weight:400;color:var(--color-text);background:var(--popup-bg) url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M14.5016%2013.7378L12.21%2011.4974L12.1563%2011.4157C12.0564%2011.3163%2011.9199%2011.2603%2011.7773%2011.2603C11.6348%2011.2603%2011.4983%2011.3163%2011.3984%2011.4157C9.45089%2013.2024%206.45%2013.2995%204.38591%2011.6426C2.32181%209.98578%201.83502%207.08907%203.24836%204.87361C4.66171%202.65814%207.53662%201.81139%209.96647%202.89492C12.3963%203.97845%2013.6271%206.65602%2012.8426%209.15189C12.7861%209.3322%2012.8323%209.52828%2012.9637%209.66627C13.0952%209.80426%2013.292%209.8632%2013.4799%209.82089C13.6679%209.77857%2013.8185%209.64143%2013.875%209.46112C14.8128%206.49926%2013.3964%203.31187%2010.542%201.96087C7.68757%200.60987%204.2518%201.50071%202.45727%204.05711C0.662751%206.6135%201.04802%2010.0683%203.36386%2012.1865C5.67969%2014.3047%209.23109%2014.4508%2011.7207%2012.5301L13.7497%2014.5138C13.9592%2014.7178%2014.298%2014.7178%2014.5076%2014.5138C14.7169%2014.307%2014.7169%2013.9739%2014.5076%2013.767L14.5016%2013.7378Z'%20fill='black'/%3e%3c/svg%3e") 20px center no-repeat;outline:none!important}.search-input.date{width:135px;border-radius:4px 0 0 4px;padding:0 20px 0 10px;background:var(--popup-bg) url("data:image/svg+xml,%3csvg%20width='14'%20height='16'%20viewBox='0%200%2014%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M9.84348%200.500691C10.1275%200.518458%2010.3467%200.761924%2010.3391%201.05131V1.82748C12.5957%202.0464%2013.75%203.29357%2013.75%205.53584V11.7386C13.75%2014.2329%2012.3283%2015.5%209.53043%2015.5H4.46957C1.67174%2015.5%200.25%2014.2329%200.25%2011.7386V5.53584C0.25%204.04321%200.758696%202.97515%201.80217%202.35156L1.87537%202.30984C2.02663%202.23924%202.20405%202.24571%202.35151%202.33132C2.52355%202.4312%202.62515%202.62157%202.61377%202.82274C2.60239%203.0239%202.48%203.20116%202.29783%203.28031C1.60652%203.69161%201.28043%204.40807%201.28043%205.53584V5.73486H10.7957C11.0802%205.73486%2011.3109%205.9695%2011.3109%206.25894C11.3109%206.54838%2011.0802%206.78302%2010.7957%206.78302H1.28043V11.7386C1.28043%2013.6425%202.20652%2014.4319%204.46957%2014.4452H9.53043C11.7609%2014.4452%2012.713%2013.6359%2012.713%2011.7319V5.52921C12.713%203.87073%2011.9891%203.06802%2010.3391%202.87564V3.37982C10.3011%203.64855%2010.0698%203.84473%209.80305%203.83449C9.53632%203.82425%209.32021%203.6109%209.30217%203.34001V1.00487L9.31171%200.921917C9.33295%200.813214%209.38771%200.713372%209.46911%200.63756C9.57085%200.542794%209.70571%200.493491%209.84348%200.500691ZM10.1403%2011.1477L10.2233%2011.1531C10.3657%2011.171%2010.4992%2011.2363%2010.6023%2011.3401C10.7261%2011.4647%2010.7957%2011.6344%2010.7957%2011.8115C10.7957%2012.1779%2010.5037%2012.4749%2010.1435%2012.4749C9.78329%2012.4749%209.4913%2012.1779%209.4913%2011.8115C9.4913%2011.4452%209.78329%2011.1481%2010.1435%2011.1481L10.1403%2011.1477ZM7.01304%2011.1481L7.09485%2011.1533C7.41642%2011.1942%207.66522%2011.4733%207.66522%2011.8115C7.66522%2012.1779%207.37323%2012.4749%207.01304%2012.4749C6.65286%2012.4749%206.36087%2012.1779%206.36087%2011.8115C6.36087%2011.4452%206.65286%2011.1481%207.01304%2011.1481ZM3.886%2011.1477L3.96894%2011.1531C4.11134%2011.171%204.24489%2011.2363%204.34799%2011.3401C4.47171%2011.4647%204.5413%2011.6344%204.5413%2011.8115C4.5413%2012.1779%204.24932%2012.4749%203.88913%2012.4749C3.52894%2012.4749%203.23696%2012.1779%203.23696%2011.8115C3.23696%2011.4452%203.52894%2011.1481%203.88913%2011.1481L3.886%2011.1477ZM10.1403%208.46125L10.2233%208.46635C10.3657%208.48421%2010.4992%208.54951%2010.6023%208.65335C10.7261%208.77795%2010.7957%208.9477%2010.7957%209.1248C10.7957%209.49118%2010.5037%209.78819%2010.1435%209.78819C9.78329%209.78819%209.4913%209.49118%209.4913%209.1248C9.4913%208.75841%209.78329%208.4614%2010.1435%208.4614L10.1403%208.46125ZM7.01304%208.4614L7.09485%208.46657C7.41642%208.50751%207.66522%208.7866%207.66522%209.1248C7.66522%209.49118%207.37323%209.78819%207.01304%209.78819C6.65286%209.78819%206.36087%209.49118%206.36087%209.1248C6.36087%208.75841%206.65286%208.4614%207.01304%208.4614ZM3.886%208.46125L3.96894%208.46635C4.11134%208.48421%204.24489%208.54951%204.34799%208.65335C4.47171%208.77795%204.5413%208.9477%204.5413%209.1248C4.5413%209.49118%204.24932%209.78819%203.88913%209.78819C3.52894%209.78819%203.23696%209.49118%203.23696%209.1248C3.23696%208.75841%203.52894%208.4614%203.88913%208.4614L3.886%208.46125ZM4.17935%200.579836C4.44496%200.579836%204.66818%200.782815%204.69783%201.05131V1.7744H7.64565C7.9302%201.7744%208.16087%202.00904%208.16087%202.29849C8.16087%202.58793%207.9302%202.82257%207.64565%202.82257H4.68478V3.34665C4.68479%203.4868%204.62962%203.62111%204.53158%203.71959C4.43354%203.81807%204.30081%203.8725%204.16304%203.87073L4.08771%203.8632C3.84223%203.82006%203.65754%203.60084%203.66083%203.34001V1.05131L3.67539%200.972862C3.73559%200.744249%203.9403%200.579836%204.17935%200.579836Z'%20fill='%23200E32'/%3e%3c/svg%3e") right 10px center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;margin-top:5px}.search-input.date2{border-radius:0 4px 4px 0;border-left:1px solid var(--color-border)}.search-input.date::-webkit-calendar-picker-indicator{-webkit-appearance:none;opacity:0}.table-wrapper{max-height:400px;overflow-y:auto;overflow-x:auto;border:1px solid var(--color-border);border-radius:4px;background:var(--popup-bg)}.table{width:100%;border-collapse:collapse}.table thead th{position:sticky;top:0;background:var(--dropdown-bg);color:var(--dropdown-text);font-weight:600;text-align:left;padding:12px 15px;border-bottom:2px solid var(--color-border)}.table tbody td{padding:12px 15px;border-bottom:1px solid var(--color-border);color:var(--popup-text);font-size:14px}.table tbody tr:hover{background:var(--color-primary-light-bg);transition:background .2s ease}.table-wrapper .table td .btn-action{border-radius:4px;height:28px;border:1px solid var(--color-border);font-size:13px;font-weight:500;font-family:Inter,sans-serif;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;background:var(--color-bg-light)}.table-wrapper .table td .btn-view{color:var(--color-primary-bg)}.table-wrapper .table td .btn-view:hover{background:var(--color-primary-hover);color:var(--color-primary-text);border-color:var(--color-primary-hover)}.table-wrapper .table td .btn-trash{color:var(--color-danger-bg);margin-left:8px}.table-wrapper .table td .btn-trash:hover{background:var(--color-danger-hover);color:var(--color-danger-text);border-color:var(--color-danger-hover)}.table-wrapper .table td .btn-approve{background-color:var(--color-success-light-bg);color:var(--color-success-light-text);background-image:url(../images/check-icon.svg);margin-left:8px}.table-wrapper .table td .btn-approve:hover{background-color:var(--color-success-light-hover)}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-thumb{background-color:#0000004d;border-radius:4px}.table-wrapper::-webkit-scrollbar-track{background-color:transparent}.table-footer{width:100%;float:left;margin-top:25px;display:flex;justify-content:space-between;align-items:center;color:var(--popup-text)}.table-footer .left{font-size:12px;font-weight:500;font-family:Inter,sans-serif;display:flex;align-items:center}.table-footer .left select{height:36px;border:1px solid var(--color-border);font-size:14px;font-weight:500;font-family:Inter,sans-serif;border-radius:4px;background:var(--popup-bg) url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.02009%200.71967C1.31298%200.426777%201.78785%200.426777%202.08075%200.71967L5.80041%204.43934L9.52009%200.719671C9.81298%200.426777%2010.2879%200.426777%2010.5807%200.719671C10.8736%201.01256%2010.8736%201.48744%2010.5807%201.78033L6.33074%206.03033C6.19009%206.17098%205.99933%206.25%205.80041%206.25C5.6015%206.25%205.41074%206.17098%205.27008%206.03033L1.02008%201.78033C0.727192%201.48744%200.727192%201.01256%201.02009%200.71967Z'%20fill='%230F172A'/%3e%3c/svg%3e") right 10px center no-repeat;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--popup-text);padding:0 25px 0 10px;margin:0 8px;cursor:pointer}.table-footer .center{font-size:12px;font-weight:500;font-family:Inter,sans-serif;display:flex;align-items:center}.table-footer .right{display:flex;align-items:center;gap:8px}.table-footer .right button{width:32px;height:32px;background:var(--popup-bg);border:1px solid var(--color-border);font-size:13px;font-weight:500;color:var(--popup-text);border-radius:4px;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s ease-in-out}.table-footer .right button.active{background:var(--color-theme);border-color:var(--color-theme);color:var(--color-primary-text);font-weight:600}.table-footer .right button:hover:not(.active):not(:disabled){background:var(--color-primary-light-bg);border-color:var(--color-theme);color:var(--color-theme)}.table-footer .right button:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed;opacity:.7}.table-footer .right span{color:var(--color-disabled-text);font-weight:700;font-size:18px;position:relative;top:-2px}.table-footer .right .previous-btn,.table-footer .right .next-btn{min-width:70px;padding:0 12px;background:var(--popup-bg);border:1px solid var(--color-border);color:var(--popup-text);border-radius:4px;font-weight:500}.table-footer .right .previous-btn:hover:not(:disabled),.table-footer .right .next-btn:hover:not(:disabled){background:var(--color-primary-light-bg);border-color:var(--color-theme);color:var(--color-theme)}.table-footer .right .previous-btn:disabled,.table-footer .right .next-btn:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text);cursor:not-allowed;opacity:.7}.loading-cell{text-align:center;padding:20px;font-style:italic;color:var(--color-text)}.card{background:var(--popup-bg);color:var(--popup-text);padding:20px;border:1px solid var(--color-border);border-radius:4px;box-shadow:10px 10px 20px 0 var(--color-primary-shadow);transition:box-shadow .2s ease,transform .2s ease,background .3s ease,color .3s ease,border-color .3s ease}.card-header{font-size:1.1rem;font-weight:600;color:var(--popup-heading);margin-bottom:12px}.card-body{font-size:.95rem;color:var(--popup-text)}.card .btn-group{display:flex;gap:12px;margin-top:16px}.card .btn{height:48px}.MuiCircularProgress-root circle{stroke:var(--color-theme)}.MuiPickersPopper-root .MuiPaper-root{background-color:var(--popup-bg)!important;color:var(--popup-text)!important;border-radius:4px;box-shadow:0 6px 20px #00000040}.MuiPickersCalendarHeader-root,.MuiPickersArrowSwitcher-root,.MuiPickersDay-root{color:var(--popup-text)!important}.MuiPickersDay-root.Mui-selected{background-color:var(--color-primary-bg)!important;color:var(--color-primary-text)!important}.MuiPickersDay-root:hover{background-color:var(--color-primary-light-bg)!important;color:var(--color-primary-light-text)!important}.MuiPickersPopper-root .MuiTypography-root{color:var(--popup-text)!important}.form-container{width:100%;margin:20px 0 0}.form-container .form-row{display:flex;flex-wrap:wrap;gap:40px;margin:0 0 35px;padding:0 0 35px;border-bottom:1px solid var(--color-border)}.form-container .form-row.no-border{border-bottom:none;margin-bottom:0;padding-bottom:0}.form-container .form-row li{list-style:none;flex:0 0 calc((100% - 80px)/2);box-sizing:border-box}.form-container>ul>li>label{display:block;margin-bottom:10px;font-size:14.5px;font-weight:600;color:var(--color-text);text-align:left}.form-container input[type=text],.form-container input[type=number],.form-container input[type=email],.form-container input[type=password],.form-container select{width:100%;line-height:1.5;padding:0 10px;font-size:14.5px;font-weight:500;font-family:Inter,sans-serif;border:1.5px solid var(--color-border);border-radius:4px;color:var(--color-primary-light-text);background:var(--dropdown-bg);outline:none!important;transition:border .2s ease,background .2s ease}.form-container select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--dropdown-bg) url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.02009%200.71967C1.31298%200.426777%201.78785%200.426777%202.08075%200.71967L5.80041%204.43934L9.52009%200.719671C9.81298%200.426777%2010.2879%200.426777%2010.5807%200.719671C10.8736%201.01256%2010.8736%201.48744%2010.5807%201.78033L6.33074%206.03033C6.19009%206.17098%205.99933%206.25%205.80041%206.25C5.6015%206.25%205.41074%206.17098%205.27008%206.03033L1.02008%201.78033C0.727192%201.48744%200.727192%201.01256%201.02009%200.71967Z'%20fill='%230F172A'/%3e%3c/svg%3e") right 10px center no-repeat}.form-container input[type=checkbox]{width:24px;height:24px}.form-container input[type=color]{width:60px;height:30px;border:none}.form-container .check-form{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:var(--color-text)}.form-container .check-form span{width:80%}.form{width:100%;margin-top:40px}.form ul{display:flex;flex-wrap:wrap;gap:40px;margin:0 0 35px;padding:0 0 35px;border-bottom:1px solid #e1e1e2}.form ul.panelUL{border-bottom:none;margin-bottom:0}.form ul li{list-style:none;flex:0 0 calc((100% - 80px) / 3);box-sizing:border-box}.form ul li label{display:block;margin-bottom:10px;font-size:16px;font-weight:600;color:#3a3a3a}.form-control{width:100%;height:48px;padding:0 12px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;color:#525252;border:1px solid #e3e3e3;border-radius:4px;background:#fff;outline:none!important;box-sizing:border-box}.form-control:focus{border-color:var(--color-primary-bg, #155c8f);box-shadow:0 0 0 2px #155c8f26}select.form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--dropdown-bg);background-image:url("data:image/svg+xml,%3csvg%20width='11'%20height='7'%20viewBox='0%200%2011%207'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M1.02009%200.71967C1.31298%200.426777%201.78785%200.426777%202.08075%200.71967L5.80041%204.43934L9.52009%200.719671C9.81298%200.426777%2010.2879%200.426777%2010.5807%200.719671C10.8736%201.01256%2010.8736%201.48744%2010.5807%201.78033L6.33074%206.03033C6.19009%206.17098%205.99933%206.25%205.80041%206.25C5.6015%206.25%205.41074%206.17098%205.27008%206.03033L1.02008%201.78033C0.727192%201.48744%200.727192%201.01256%201.02009%200.71967Z'%20fill='%230F172A'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px;color:var(--color-primary-light-text);border:1.5px solid var(--color-border);border-radius:4px;height:48px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;outline:none!important;transition:border .2s ease,background .2s ease}textarea.form-control{height:126px;resize:vertical;padding:10px 12px}input[type=checkbox].form-control,input[type=radio].form-control{width:20px;height:20px;margin-right:10px}input[type=color].form-control{width:60px;height:32px;border:none;padding:0}.form .checkForm{display:flex;justify-content:space-between;align-items:center;font-size:16px;font-weight:600;color:#3a3a3a}.form .checkForm span{flex:1}.popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#000000b3;z-index:999}.popup-container{width:570px;background:var(--popup-bg);border-radius:4px;padding:15px;box-shadow:0 8px 24px #00000040;transition:background .3s ease,color .3s ease;display:flex;flex-direction:column;text-align:left}.modal-sm{width:400px}.modal-md{width:570px}.modal-lg{width:800px}.modal-xl{width:1140px}.modal-full{width:95%;max-width:1400px}@media (max-width: 768px){.modal-sm,.modal-md,.modal-lg,.modal-xl,.modal-full{width:95%!important;max-width:95%!important}}.popup-header{display:flex;align-items:center;justify-content:space-between;padding-bottom:25px;border-bottom:1px solid var(--color-border);flex-shrink:0}.popup-header h2{font-size:20px;font-weight:600;color:var(--popup-heading);margin:0}.popup-header .popup-close{cursor:pointer;transition:transform .2s ease;padding:8px;margin:-8px -8px -8px auto}.popup-header .popup-close:hover{color:var(--color-text);text-decoration:none;opacity:.8}.popup-body{flex:1;display:flex;flex-direction:column;gap:20px}.popup-body .form-container .form-row{display:flex;flex-direction:column;gap:20px;border-bottom:none;padding:0}.popup-footer{flex-shrink:0}.popup-footer .btn-primary{width:100%;height:48px;border-radius:4px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}.popup-action{width:100%;height:48px;border-radius:4px;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;background:var(--color-theme);color:#fff;cursor:pointer;transition:background .2s ease}.popup-action:hover{background:var(--color-primary-hover)}.popup-cancel textarea{width:100%;height:126px;padding:10px;font-size:14px;font-weight:500;font-family:Inter,sans-serif;border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);background:var(--input-bg);outline:none;resize:vertical}.checkbox-group{display:grid;grid-template-columns:1fr 1fr;gap:12px 24px;margin-top:8px}.checkbox-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--color-text);cursor:pointer}.checkbox-item input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;width:24px;height:24px;border:2px solid var(--color-border);border-radius:4px;background:transparent;cursor:pointer;transition:all .2s ease;position:relative}.checkbox-item input[type=checkbox]:checked{width:24px;height:24px;border-radius:4px;opacity:1;background-color:var(--color-checkbox-bg);border-color:var(--color-checkbox-bg);box-shadow:0 1px 3px #1a1a1a14;box-shadow:0 .5px #1a1a1a14}.checkbox-item input[type=checkbox]:checked:after{content:"";position:absolute;left:6px;top:1px;width:6px;height:12px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-item input[type=checkbox]:hover{border-color:var(--color-checkbox-bg)}@media (max-width: 768px){.checkbox-group{grid-template-columns:1fr}}.admin-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;width:100%;background:#edf1f5}.admin-login__logo{margin:0 0 35px;text-align:center;width:100%}.admin-login__box{background:#fff;border-radius:4px;padding:40px 35px;width:475px;box-shadow:10px 10px 20px #a8cae261}.admin-login__box h2{font-size:32px;font-weight:600;color:#0f4166;margin:0 0 8px}.admin-login__box p{font-size:16px;font-weight:400;color:#0f4166;margin:0 0 30px;padding-bottom:30px;border-bottom:1px solid #0f4166;line-height:24px}.admin-login__form ul{padding:0;margin:0;width:100%}.admin-login__form li{list-style:none;display:flex;flex-direction:column;margin-bottom:25px;position:relative}.admin-login__form label{font-size:16px;font-weight:600;color:#0f4166!important;margin-bottom:10px}.admin-login__form input.form-control{height:48px;padding:0 40px 0 12px}.admin-login__form .password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);cursor:pointer;width:24px;height:24px}.admin-login__form button.btn-primary{height:47px;font-size:16px;font-weight:600;background:#155c8f;border:none;border-radius:4px;color:#fff;cursor:pointer}.admin-login__form button.btn-primary:hover{background:#0d3555;cursor:not-allowed}.admin-login__form button.btn-primary:disabled{background:#ccc;cursor:not-allowed}.admin-login__forgot{text-align:center;font-size:14px;font-weight:500;color:#767676}.admin-login__forgot a{color:#767676}@media (max-width: 768px){body{font-size:14px}.app-header h2{font-size:18px}.sidebar-menu{flex-direction:column}.dashboard-widget,.card{margin-bottom:12px}}@media (min-width: 769px) and (max-width: 1200px){body{font-size:15px}.sidebar,.sidebar.collapsed{width:80px}.sidebar-menu li a span{display:none}.app-header h2{font-size:20px}}@media (min-width: 1201px){body{font-size:16px}.sidebar{width:260px}.app-header h2{font-size:22px}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Be Vietnam Pro,serif;overflow-x:hidden}ul{list-style:none;margin:0;padding:0}button{cursor:pointer}input,select,button{font-family:Be Vietnam Pro,serif}a{text-decoration:none}img{max-width:100%}