@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f4f7fe;color:#333;font-family:Poppins,sans-serif;overflow-x:hidden}.app-container{overflow:hidden}.app-container,.sidebar{display:flex;height:100vh}.sidebar{background:linear-gradient(180deg,#4e43e7,#3a31c1);box-shadow:4px 0 15px #0000001a;color:#fff;flex-direction:column;overflow-y:auto;padding:25px 15px;position:fixed;width:260px;z-index:100}.sidebar-header{margin-bottom:30px;text-align:center}.sidebar-header h2{font-weight:800;letter-spacing:1px}.sidebar-header p{font-size:10px;letter-spacing:2px;opacity:.7}.menu-item{align-items:center;border-radius:15px;color:#fffc;cursor:pointer;display:flex;font-size:14px;margin-bottom:5px;padding:12px 18px;text-decoration:none;transition:.3s}.menu-item:hover{background:#ffffff1a;color:#fff}.menu-item.active{background:#fff;box-shadow:0 4px 15px #0000001a;color:#4e43e7;font-weight:700}.main-content{display:flex;flex:1 1;flex-direction:column;height:100vh;margin-left:260px;width:calc(100% - 260px)}.top-nav{align-items:center;background:#fff;box-shadow:0 2px 10px #0000000d;display:flex;height:80px;justify-content:space-between;padding:0 40px;z-index:10}.content-area{flex:1 1;overflow-y:auto;padding:30px 40px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-card{border-radius:25px;box-shadow:0 10px 20px #0000001a;color:#fff;padding:25px 20px;text-align:center;transition:.3s}.stat-card h4{font-size:12px;font-weight:700;margin-bottom:10px;opacity:.9;text-transform:uppercase}.stat-card p{font-size:24px;font-weight:800}.blue-g{background:linear-gradient(135deg,#6a73fa,#3a47d5)}.green-g{background:linear-gradient(135deg,#32d391,#218c61)}.orange-g{background:linear-gradient(135deg,#f9b16e,#e67e22)}.red-g{background:linear-gradient(135deg,#ff6b6b,#ee5253)}.cyan-g{background:linear-gradient(135deg,#48dbfb,#2e86de)}.black-g{background:#2d3436}.white-box{background:#fff;border-radius:25px;box-shadow:0 10px 30px #00000005;margin-bottom:20px;padding:25px}.kpi-card{cursor:pointer;transition:transform .2s,box-shadow .2s}.kpi-card:hover{box-shadow:0 15px 30px #4a00e01f;transform:translateY(-3px)}table{border-collapse:collapse;width:100%}th{border-bottom:2px solid #f4f7fe;color:#888;font-size:13px;text-align:left;text-transform:uppercase}td,th{padding:15px}td{border-bottom:1px solid #f9f9f9;font-size:15px}.input-field{background-color:#fafafa;border:1px solid #eee;border-radius:12px;font-family:inherit;margin-bottom:15px;outline:none;padding:12px 15px;transition:.3s;width:100%}.input-field:focus{background:#fff;border-color:#4a00e0}.btn-confirm{background:linear-gradient(45deg,#4a00e0,#8e2de2);border:none;border-radius:18px;box-shadow:0 8px 20px #4a00e033;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:18px;transition:.3s;width:100%}.btn-confirm:hover{box-shadow:0 12px 25px #4a00e04d;transform:translateY(-2px)}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}@media print{body *{display:none!important}#printable-invoice,#printable-invoice *{display:block!important;visibility:visible!important}#printable-invoice{background:#fff!important;box-shadow:none!important;left:0!important;margin:0!important;padding:0!important;position:absolute!important;top:0!important;width:100%!important}#printable-invoice table{display:table!important;width:100%!important}#printable-invoice tr{display:table-row!important}#printable-invoice td,#printable-invoice th{display:table-cell!important}.modal-overlay{background:#0000!important;position:static!important}.no-print{display:none!important}}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-thumb{background:#ccc;border-radius:10px}
/*# sourceMappingURL=main.338a2add.css.map*/