@import"https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600;700&family=Open+Sans:wght@400;600;700&display=swap";@import"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.0/font/bootstrap-icons.css";:root{--kleon-primary: #924AEF;--kleon-secondary: #E328AF;--kleon-success: #38E25D;--kleon-info: #5ECFFF;--kleon-warning: #FF9325;--kleon-danger: #FF4A55;--kleon-blue: #1220a3;--kleon-green: #2DA04D;--kleon-red: #FF4A55;--kleon-yellow: #FFE161;--kleon-orange: #FFAB2D;--kleon-cyan: #5ECFFF;--kleon-white: #ffffff;--kleon-light: #F9F9F9;--kleon-light-100: #F9F9F9;--kleon-light-200: #F5F5F5;--kleon-light-300: #FAFAFA;--kleon-light-400: #F0F0F0;--kleon-light-500: #FDFBFF;--kleon-muted: #F6EEFF;--kleon-gray: #A5A5A5;--kleon-gray-100: #A5A5A5;--kleon-gray-200: #C2C2C2;--kleon-gray-300: #C7C7C7;--kleon-gray-400: #8F8F8F;--kleon-gray-500: #adb5bd;--kleon-gray-600: #6c757d;--kleon-gray-700: #495057;--kleon-gray-800: #343a40;--kleon-gray-900: #212529;--kleon-dark: #202020;--kleon-black: #000000}*{box-sizing:border-box}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--kleon-light-100);margin:0;padding:0;color:var(--kleon-gray-800);line-height:1.6}#app{min-height:100vh}.rtl{direction:rtl;text-align:right}.ltr{direction:ltr;text-align:left}.card{background-color:var(--kleon-white);border:1px solid rgba(0,0,0,.05);border-radius:12px;box-shadow:0 2px 8px #00000014;transition:all .3s ease}.card:hover{box-shadow:0 4px 16px #0000001f}.card-body{padding:24px}.card-header{padding:20px 24px;border-bottom:1px solid var(--kleon-light-200);background-color:var(--kleon-white);border-radius:12px 12px 0 0}.card-title{margin:0;font-size:18px;font-weight:600;color:var(--kleon-gray-900)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all .3s ease;gap:8px}.btn-primary{background-color:var(--kleon-primary);color:var(--kleon-white)}.btn-primary:hover{background-color:#7c3adb;transform:translateY(-1px)}.btn-secondary{background-color:var(--kleon-gray-200);color:var(--kleon-gray-700)}.btn-secondary:hover{background-color:var(--kleon-gray-300)}.btn-success{background-color:var(--kleon-success);color:var(--kleon-white)}.btn-danger{background-color:var(--kleon-danger);color:var(--kleon-white)}.btn-sm{padding:6px 12px;font-size:12px}.form-control{width:100%;padding:12px 16px;border:1px solid var(--kleon-gray-300);border-radius:8px;font-size:14px;transition:all .3s ease;background-color:var(--kleon-white)}.form-control:focus{outline:none;border-color:var(--kleon-primary);box-shadow:0 0 0 3px #924aef1a}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--kleon-gray-700)}.table{width:100%;border-collapse:collapse;background-color:var(--kleon-white)}.table th{padding:16px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--kleon-gray-600);background-color:var(--kleon-light-100);border-bottom:1px solid var(--kleon-light-200)}.table td{padding:16px;border-bottom:1px solid var(--kleon-light-200);color:var(--kleon-gray-800)}.table tbody tr:hover{background-color:var(--kleon-light-100)}.badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.badge-primary{background-color:#924aef1a;color:var(--kleon-primary)}.badge-success{background-color:#38e25d1a;color:var(--kleon-success)}.badge-warning{background-color:#ff93251a;color:var(--kleon-warning)}.badge-danger{background-color:#ff4a551a;color:var(--kleon-danger)}.badge-info{background-color:#5ecfff1a;color:var(--kleon-info)}.d-flex{display:flex}.align-items-center{align-items:center}.justify-content-between{justify-content:space-between}.justify-content-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:24px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.ms-3{margin-left:12px}.me-3{margin-right:12px}.ms-0{margin-left:0}.me-2{margin-right:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:24px}.p-0{padding:0}.px-3{padding-left:12px;padding-right:12px}.py-2{padding-top:8px;padding-bottom:8px}.text-center{text-align:center}.text-muted{color:var(--kleon-gray-500)}.text-primary{color:var(--kleon-primary)}.text-success{color:var(--kleon-success)}.text-danger{color:var(--kleon-danger)}.text-warning{color:var(--kleon-warning)}.text-white{color:var(--kleon-white)}.fw-bold{font-weight:700}.fw-medium{font-weight:500}.fs-14{font-size:14px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.rounded{border-radius:8px}.rounded-circle{border-radius:50%}.shadow-sm{box-shadow:0 2px 8px #00000014}.border-0{border:none}.w-100{width:100%}.h-100{height:100%}.row{display:flex;flex-wrap:wrap;margin:0 -12px}.col{flex:1;padding:0 12px}.col-md-6{flex:0 0 50%;max-width:50%;padding:0 12px}.col-lg-3{flex:0 0 25%;max-width:25%;padding:0 12px}.col-lg-4{flex:0 0 33.333333%;max-width:33.333333%;padding:0 12px}.col-lg-6{flex:0 0 50%;max-width:50%;padding:0 12px}.col-lg-8{flex:0 0 66.666667%;max-width:66.666667%;padding:0 12px}.col-lg-12{flex:0 0 100%;max-width:100%;padding:0 12px}@media (max-width: 768px){.col-md-6,.col-lg-3,.col-lg-4,.col-lg-6,.col-lg-8{flex:0 0 100%;max-width:100%}}.kleon-vertical-nav{width:280px;height:100vh;background-color:var(--kleon-white);border-right:1px solid var(--kleon-light-200);position:fixed;left:0;top:0;z-index:1000;overflow-y:auto}.kleon-vertical-nav .logo{padding:24px;border-bottom:1px solid var(--kleon-light-200)}.kleon-navmenu{padding:24px 0}.main-menu{list-style:none;margin:0;padding:0}.menu-item{margin-bottom:4px}.menu-item>a{display:flex;align-items:center;padding:12px 24px;color:var(--kleon-gray-700);text-decoration:none;transition:all .3s ease;border-radius:0}.menu-item>a:hover,.menu-item.active>a{background-color:#924aef1a;color:var(--kleon-primary)}.nav-icon{width:20px;margin-right:12px;text-align:center}.nav-text{font-weight:500}.main-content{margin-left:280px;min-height:100vh;background-color:var(--kleon-light-100)}.content-header{background-color:var(--kleon-white);padding:24px;border-bottom:1px solid var(--kleon-light-200);margin-bottom:24px}.content-body{padding:0 24px 24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1050}.modal-content{background-color:var(--kleon-white);border-radius:12px;box-shadow:0 8px 32px #0003;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}.modal-header{padding:24px 24px 0;border-bottom:1px solid var(--kleon-light-200)}.modal-body{padding:24px}.modal-footer{padding:0 24px 24px;display:flex;justify-content:flex-end;gap:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:1px;background-color:var(--kleon-light-200);border:1px solid var(--kleon-light-200);border-radius:8px;overflow:hidden}.calendar-day{background-color:var(--kleon-white);min-height:120px;padding:8px;cursor:pointer;transition:background-color .2s ease}.calendar-day:hover{background-color:var(--kleon-light-100)}.calendar-day.today{background-color:#924aef0d}.calendar-day.other-month{background-color:var(--kleon-light-100);color:var(--kleon-gray-400)}.flex-fill{flex:1 1 auto}.table-responsive{overflow-x:auto}.rtl .ms-3{margin-right:12px;margin-left:0}.rtl .me-3{margin-left:12px;margin-right:0}.rtl .me-2{margin-left:8px;margin-right:0}.rtl .nav-icon{margin-left:12px;margin-right:0}.indicator{width:8px;height:8px;border-radius:50%;display:inline-block}.ff-heading{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.text-gray{color:var(--kleon-gray)}.bg-light-200{background-color:var(--kleon-light-200)}.ls-1{letter-spacing:.5px}.menu-section-title{padding:12px 24px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--kleon-gray-400);margin-top:16px}.menu-section-title:first-child{margin-top:0}.main-wrapper{margin-left:280px;min-height:100vh;background-color:var(--kleon-light-100);padding:24px}.inner-contents{max-width:100%}.page-header{margin-bottom:32px}@media (max-width: 768px){.kleon-vertical-nav{transform:translate(-100%);transition:transform .3s ease}.kleon-vertical-nav.show{transform:translate(0)}.main-content,.main-wrapper{margin-left:0}.content-header,.content-body,.card-body{padding:16px}.modal-content{width:95%;margin:16px}.rtl .main-content,.rtl .main-wrapper{margin-right:0}}