:root{--wajha-primary:#2563eb;--wajha-primary-dark:#1e40af;--wajha-primary-light:#3b82f6;--wajha-primary-gradient:linear-gradient(135deg,#2563eb,#1e40af);--wajha-primary-gradient-light:linear-gradient(135deg,#3b82f6,#2563eb);--wajha-success:#10b981;--wajha-success-light:#d1fae5;--wajha-warning:#f59e0b;--wajha-warning-light:#fef3c7;--wajha-error:#ef4444;--wajha-error-light:#fee2e2;--wajha-surface:#fff;--wajha-surface-elevated:#f8f9fa;--wajha-surface-hover:#f1f5f9;--wajha-border:#e2e8f0;--wajha-border-light:#f1f5f9;--wajha-text-primary:#0f172a;--wajha-text-secondary:#475569;--wajha-text-tertiary:#94a3b8;--wajha-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--wajha-shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--wajha-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--wajha-shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.dashboard-container{min-height:100vh;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(239,246,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),rgba(239,246,255,.3) var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#f8fafc var(--tw-gradient-to-position);font-family:Cairo,Segoe UI,system-ui,sans-serif}.dashboard-header{border-bottom-width:1px;border-color:rgba(226,232,240,.6);background-color:hsla(0,0%,100%,.8);--tw-backdrop-blur:blur(12px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);position:sticky;top:0;z-index:50;box-shadow:var(--wajha-shadow-sm)}.dashboard-header-content{margin-left:auto;margin-right:auto;max-width:80rem;padding:1rem}@media (min-width:640px){.dashboard-header-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.dashboard-header-content{padding-left:2rem;padding-right:2rem}}.dashboard-title{background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#2563eb var(--tw-gradient-from-position);--tw-gradient-to:rgba(37,99,235,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#1e40af var(--tw-gradient-to-position);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;line-height:2rem;color:transparent;font-family:Cairo,sans-serif;font-weight:700;letter-spacing:-.01em}.dashboard-tabs{border-radius:1rem;border-width:1px;border-color:rgba(226,232,240,.6);background-color:hsla(0,0%,100%,.9);--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-backdrop-blur:blur(4px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);overflow:hidden}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dashboard-tab{padding:1rem 1.5rem;font-size:.875rem;line-height:1.25rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dashboard-tab:hover{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dashboard-tab{position:relative}.dashboard-tab:before{content:"";position:absolute;bottom:0;right:0;left:0;height:.125rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#3b82f6 var(--tw-gradient-from-position);--tw-gradient-to:rgba(59,130,246,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#2563eb var(--tw-gradient-to-position);transform:scaleX(0);transition:transform .3s ease}.dashboard-tab-active{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1))}.dashboard-tab-active:before{transform:scaleX(1)}.dashboard-tab-icon{margin-left:.5rem;display:inline-block;height:1.25rem;width:1.25rem}.dashboard-tab-button{padding:1.25rem 2rem;font-size:1rem;line-height:1.5rem;font-weight:600;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.dashboard-tab-button:hover{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dashboard-tab-button{display:flex;align-items:center;justify-content:center;gap:.75rem;min-width:160px;flex:1 1 0%;position:relative;border-bottom:3px solid transparent;white-space:nowrap}.dashboard-tab-button:hover{background-color:rgba(248,250,252,.5);transform:translateY(-1px)}.dashboard-tab-button.dashboard-tab-active{background-color:rgba(239,246,255,.5);--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));border-bottom-color:#2563eb;font-weight:700;box-shadow:0 -2px 8px rgba(37,99,235,.1)}.dashboard-tab-button.dashboard-tab-active .dashboard-tab-icon{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity,1));transform:scale(1.1)}.dashboard-tab-button .dashboard-tab-icon{height:1.5rem;width:1.5rem;flex-shrink:0;transition:all .3s ease;stroke-width:2}.dashboard-tab-button:hover .dashboard-tab-icon{transform:scale(1.1)}.dashboard-tab-button:active{transform:translateY(0)}@media (max-width:768px){.dashboard-tab-button{min-width:120px;padding:1rem;font-size:.875rem;line-height:1.25rem}.dashboard-tab-button .dashboard-tab-icon{height:1.25rem;width:1.25rem}}.dashboard-card{border-radius:1rem;border-width:1px;border-color:rgba(226,232,240,.6);--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;backdrop-filter:blur(10px)}.dashboard-card:hover{box-shadow:var(--wajha-shadow-lg);transform:translateY(-2px)}.dashboard-card-header{border-bottom-width:1px;border-color:rgba(226,232,240,.6);padding:1.25rem 1.5rem;background-image:linear-gradient(to right,var(--tw-gradient-stops));--tw-gradient-from:#f8fafc var(--tw-gradient-from-position);--tw-gradient-to:rgba(248,250,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:#fff var(--tw-gradient-to-position)}.dashboard-card-title{font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-family:Cairo,sans-serif;font-weight:700;letter-spacing:-.01em}.dashboard-card-body{padding:1.5rem}.btn-wajha-primary{border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;background:var(--wajha-primary-gradient);box-shadow:var(--wajha-shadow-md)}.btn-wajha-primary:hover{background:var(--wajha-primary-gradient-light);box-shadow:var(--wajha-shadow-lg);transform:translateY(-1px)}.btn-wajha-primary:active{transform:translateY(0);box-shadow:var(--wajha-shadow-sm)}.btn-wajha-secondary{border-radius:.75rem;padding:.75rem 1.5rem;font-weight:600;border-width:2px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;box-shadow:var(--wajha-shadow-sm)}.btn-wajha-secondary:hover{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));box-shadow:var(--wajha-shadow-md);transform:translateY(-1px)}.dashboard-input{width:100%;border-radius:.75rem;border-width:2px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));padding:.75rem 1rem}.dashboard-input:focus{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity,1));--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:rgba(59,130,246,.2)}.dashboard-input{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.dashboard-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dashboard-input::placeholder{--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity,1))}.dashboard-input{font-family:Cairo,sans-serif}.dashboard-input:focus{outline:none;box-shadow:0 0 0 4px rgba(37,99,235,.1)}.dashboard-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:600;--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1));font-family:Cairo,sans-serif}.status-badge{border-radius:9999px;padding:.375rem .75rem;font-size:.75rem;line-height:1rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem}.status-badge-success{border-width:1px;border-color:rgb(167 243 208/var(--tw-border-opacity,1));background-color:rgb(236 253 245/var(--tw-bg-opacity,1));color:rgb(4 120 87/var(--tw-text-opacity,1))}.status-badge-success,.status-badge-warning{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.status-badge-warning{border-width:1px;border-color:rgb(253 230 138/var(--tw-border-opacity,1));background-color:rgb(255 251 235/var(--tw-bg-opacity,1));color:rgb(180 83 9/var(--tw-text-opacity,1))}.status-badge-info{border-width:1px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));background-color:rgb(239 246 255/var(--tw-bg-opacity,1));color:rgb(29 78 216/var(--tw-text-opacity,1))}.status-badge-error,.status-badge-info{--tw-border-opacity:1;--tw-bg-opacity:1;--tw-text-opacity:1}.status-badge-error{border-width:1px;border-color:rgb(254 202 202/var(--tw-border-opacity,1));background-color:rgb(254 242 242/var(--tw-bg-opacity,1));color:rgb(185 28 28/var(--tw-text-opacity,1))}.status-badge-neutral{border-width:1px;--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(51 65 85/var(--tw-text-opacity,1))}.data-field>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.data-label{font-size:.75rem;line-height:1rem;text-transform:uppercase;letter-spacing:.025em;color:rgb(100 116 139/var(--tw-text-opacity,1))}.data-label,.data-value{--tw-text-opacity:1;font-family:Cairo,sans-serif;font-weight:600}.data-value{font-size:1rem;line-height:1.5rem;color:rgb(15 23 42/var(--tw-text-opacity,1))}.empty-state{padding-top:4rem;padding-bottom:4rem;text-align:center}.empty-state-icon{margin-left:auto;margin-right:auto;margin-bottom:1rem;height:5rem;width:5rem;--tw-text-opacity:1;color:rgb(203 213 225/var(--tw-text-opacity,1))}.empty-state-title{margin-bottom:.5rem;font-size:1.25rem;line-height:1.75rem;--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1));font-family:Cairo,sans-serif;font-weight:700}.empty-state-description{margin-bottom:1.5rem;--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.loading-spinner{display:inline-block;height:1.5rem;width:1.5rem;border-radius:9999px;border-width:3px;border-color:rgb(191 219 254/var(--tw-border-opacity,1));--tw-border-opacity:1;border-top-color:rgb(37 99 235/var(--tw-border-opacity,1));animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .5s ease-out}.dashboard-sidebar{--sidebar-width:280px;width:var(--sidebar-width)}@media (max-width:1023px){.dashboard-sidebar{position:fixed;top:0;bottom:0;right:0;height:100vh}}.dashboard-card,.dashboard-card-unified{border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);border:1px solid rgba(226,232,240,.8)}.dashboard-card-unified:hover,.dashboard-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08)}@media (max-width:768px){.dashboard-card,.dashboard-card-unified{border-radius:10px}.dashboard-tab{padding:.75rem 1rem;font-size:.75rem;line-height:1rem}}