@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary-color:#00ab6b;--primary-hover:#00965f;--primary-soft:#e6f7f0;--secondary-color:#14c98a;--bg-main:#f4f6f9;--bg-card:#fff;--background-alt:#f8fafb;--text-main:#1b2a3b;--text-muted:#7a8797;--border-color:#edf0f4;--danger-color:#f0475b;--warning-color:#f5a524;--success-color:#00ab6b;--sidebar-bg:#fff;--shadow-sm:0 2px 10px #1b2a3b0d;--shadow-md:0 10px 30px #1b2a3b17;--shadow-lg:0 20px 50px #1b2a3b24;--radius:22px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(800px 360px at 100% -10%,#00ab6b17,#0000 60%),radial-gradient(600px 300px at 0 0,#14c98a0d,#0000 60%);background-attachment:fixed;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55}::selection{background:#00ab6b33}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#cbd5e1 padding-box content-box;border:2px solid #0000;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#94a3b8 padding-box content-box;border:2px solid #0000}::-webkit-scrollbar-track{background:0 0}.card{background:var(--bg-card);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:none;padding:24px;transition:transform .25s,box-shadow .25s;animation:.45s both fadeUp}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.main-content>div{animation:.4s both fadeUp}h1,h2,h3,h4{color:var(--text-main);letter-spacing:-.02em;font-weight:700}h1{margin-bottom:.35rem;font-size:1.85rem}h2{margin-bottom:.5rem;font-size:1.5rem}h3{margin-bottom:.5rem;font-size:1.1rem}.btn{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{color:#fff;background:linear-gradient(135deg,#14c98a 0%,#00ab6b 100%);box-shadow:0 6px 16px #00ab6b4d}.btn-primary:hover{background:linear-gradient(135deg,#00b873 0%,#00965f 100%);transform:translateY(-1px);box-shadow:0 10px 24px #00ab6b66}.btn-secondary{color:var(--text-main);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--primary-soft);color:var(--primary-color);border-color:#bdebd7;transform:translateY(-1px)}.btn-danger{background:var(--danger-color);color:#fff;box-shadow:0 4px 12px #ef444440}.btn-danger:hover{background:#dc2626;transform:translateY(-1px)}.mobile-header,.mobile-menu-overlay{display:none}.layout{min-height:100vh;display:flex}.sidebar{background:var(--sidebar-bg);width:270px;color:var(--text-main);z-index:2;border-right:none;flex-direction:column;display:flex;position:relative;box-shadow:4px 0 30px #1b2a3b0f}.sidebar-logo{letter-spacing:.2em;border-bottom:1px solid var(--border-color);background:linear-gradient(90deg,#00ab6b 0%,#14c98a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;margin-bottom:8px;padding:26px 24px 20px;font-size:1.4rem;font-weight:800;display:flex}.nav-link{color:var(--text-muted);border-radius:16px;align-items:center;gap:14px;margin:3px 14px;padding:12px 16px;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex;position:relative}.nav-link:hover{color:var(--primary-color);background:var(--primary-soft);transform:translate(2px)}.nav-link.active{color:#fff;background:linear-gradient(135deg,#14c98a,#00ab6b);font-weight:700;box-shadow:0 8px 18px #00ab6b59}.main-content{flex:1;max-height:100vh;padding:36px 48px;overflow-y:auto}.table-container{box-shadow:var(--shadow-sm);background:#fff;border:none;border-radius:18px;overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:.9rem}th{color:var(--text-muted);border-bottom:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;background:#f8fafc;padding:13px 16px;font-size:.72rem;font-weight:600}td{color:var(--text-main);border-bottom:1px solid #eef2f7;padding:15px 16px}tr:last-child td{border-bottom:none}tbody tr{transition:background .15s}tr:hover td{background:#f5fbf8}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:99px;padding:5px 12px;font-size:.7rem;font-weight:700;display:inline-block}.badge-success{color:#008a56;background:#ddf5ea}.badge-warning{color:#b7791f;background:#fef1d6}.badge-danger{color:#c2253a;background:#fde3e7}.badge-primary{color:#008a56;background:#ddf5ea}.form-group{margin-bottom:22px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.86rem;font-weight:600;display:block}.form-control{border:1px solid var(--border-color);width:100%;color:var(--text-main);background:#f8fafb;border-radius:16px;padding:13px 18px;font-family:inherit;font-size:.93rem;transition:all .2s ease-in-out}.form-control::placeholder{color:#94a3b8}.form-control:hover{border-color:#cbd5e1}.form-control:focus{border-color:var(--primary-color);background:#fff;outline:none;box-shadow:0 0 0 4px #00ab6b26}.grid{gap:24px;display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media (width<=1100px){.grid-cols-4{grid-template-columns:repeat(2,1fr)}.main-content{padding:28px}}@media (width<=768px){.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr!important}[style*=span\ 2]{grid-column:auto!important}.layout{flex-direction:column;height:auto}.mobile-header{color:#fff;z-index:110;background:linear-gradient(135deg,#14c98a,#00ab6b);justify-content:space-between;align-items:center;padding:16px 24px;position:sticky;top:0;box-shadow:0 4px 12px #0000001a;display:flex!important}.mobile-menu-btn{color:#fff;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.mobile-menu-overlay{z-index:120;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.sidebar{z-index:130;box-shadow:none;flex-direction:column;transition:left .3s cubic-bezier(.4,0,.2,1);top:0;left:-100%;width:280px!important;height:100vh!important;position:fixed!important}.sidebar.open{left:0;box-shadow:10px 0 30px #00000080}.sidebar-logo{border-bottom:1px solid #ffffff1a;justify-content:flex-start;margin-bottom:0;padding:24px;font-size:1.5rem}.sidebar nav{gap:4px;display:flex;overflow-y:auto;flex-direction:column!important;padding:16px 0!important}.nav-link{white-space:normal;flex-direction:row;justify-content:flex-start;margin:0 16px;padding:12px 16px;font-size:.95rem}.sidebar>div:last-child{border-top:1px solid #ffffff1a;padding:16px!important}.sidebar>div:last-child .btn{justify-content:center;width:100%}.main-content{max-height:none;padding:16px;overflow-x:hidden}header{gap:16px;flex-direction:column!important;align-items:flex-start!important}header h1{font-size:1.5rem}header .btn{justify-content:center;width:100%}.card{padding:16px!important}div[style*="position: fixed"]>.card{overflow-y:auto;width:95%!important;max-width:none!important;max-height:90vh!important;padding:16px!important}.grid[style*=grid-cols-2]{grid-template-columns:1fr!important;gap:16px!important}form>div[style*=borderTop]{flex-direction:column!important;gap:12px!important}form>div[style*=borderTop] button{width:100%!important}.table-container{border:none;width:100%;overflow-x:auto}table{min-width:600px}.recharts-wrapper{width:100%!important;height:auto!important}.recharts-surface{width:100%}.login-container{background:linear-gradient(135deg,#008a56 0%,#00ab6b 55%,#14c98a 100%)!important;flex-direction:column!important;justify-content:center!important}.login-left{display:none!important}.login-right{background:#fff!important;border-radius:24px!important;flex:0 auto!important;margin:24px!important;padding:32px 24px!important;box-shadow:0 25px 50px -12px #00000080!important}.settings-layout{flex-direction:column!important;gap:16px!important}.settings-sidebar{flex-shrink:1!important;width:100%!important}}@keyframes popIn{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes shine{0%{transform:translate(-120%)skew(-20deg)}60%,to{transform:translate(260%)skew(-20deg)}}@keyframes floaty{0%,to{transform:translateY(0)translate(0)}50%{transform:translateY(-18px)translate(10px)}}@keyframes pulseRing{0%{box-shadow:0 0 #00ab6b73}to{box-shadow:0 0 0 12px #00ab6b00}}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes slideRow{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.grid>.card:first-child{animation-delay:20ms}.grid>.card:nth-child(2){animation-delay:.1s}.grid>.card:nth-child(3){animation-delay:.18s}.grid>.card:nth-child(4){animation-delay:.26s}.grid>.card:nth-child(5){animation-delay:.34s}.grid>.card:nth-child(6){animation-delay:.42s}.card[style*=linear-gradient]{animation:.45s both fadeUp,8s infinite gradientMove;position:relative;overflow:hidden;background-size:200% 200%!important}.card[style*=linear-gradient]:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#ffffff47,#0000);width:40%;height:100%;animation:4.5s ease-in-out infinite shine;position:absolute;top:0;left:0}.btn{position:relative;overflow:hidden}.btn-primary:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:40%;height:100%;position:absolute;top:0;left:0;transform:translate(-120%)skew(-20deg)}.btn-primary:hover:after{animation:.9s shine}.nav-link svg{transition:transform .25s}.nav-link:hover svg{transform:scale(1.18)rotate(-6deg)}.nav-link.active{animation:2.2s ease-out infinite pulseRing}tbody tr{animation:.4s both slideRow}tbody tr:first-child{animation-delay:30ms}tbody tr:nth-child(2){animation-delay:70ms}tbody tr:nth-child(3){animation-delay:.11s}tbody tr:nth-child(4){animation-delay:.15s}tbody tr:nth-child(5){animation-delay:.19s}tbody tr:nth-child(n+6){animation-delay:.23s}div[style*="position: fixed"]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:.25s both fadeUp}div[style*="position: fixed"]>.card{animation:.35s cubic-bezier(.34,1.56,.64,1) both popIn}.badge{transition:transform .2s}.badge:hover{transform:scale(1.08)}.badge-warning{--pulse:1;animation:2.4s ease-out infinite pulseRing}.form-control:focus{transform:translateY(-1px)}[style*="transition: width"],[style*="transition: 'width"]{transition:width 1s cubic-bezier(.22,1,.36,1)!important}.login-left{position:relative;overflow:hidden}.login-left:before,.login-left:after{content:"";filter:blur(2px);pointer-events:none;background:#ffffff1f;border-radius:50%;animation:9s ease-in-out infinite floaty;position:absolute}.login-left:before{width:320px;height:320px;top:-80px;right:-60px}.login-left:after{width:220px;height:220px;animation-delay:-4s;bottom:-50px;left:8%}.login-right{animation:.6s cubic-bezier(.22,1,.36,1) both popIn}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}