.madani-auth-container{min-height:100vh;background:#000000;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.madani-auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 50% 50%,rgba(72,127,255,.1) 0,transparent 70%);pointer-events:none}.madani-logo-large{width:200px;height:200px;margin-bottom:60px;opacity:.95;filter:drop-shadow(0 0 20px rgba(255,255,255,.1));animation:fadeInScale .8s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:.95;transform:scale(1)}}.madani-auth-form{width:100%;max-width:400px;z-index:1;animation:fadeInUp .8s ease-out .2s both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.madani-auth-title{color:#ffffff;font-size:24px;font-weight:600;text-align:center;margin-bottom:8px;letter-spacing:-.5px}.madani-auth-subtitle{color:rgba(255,255,255,.6);font-size:14px;text-align:center;margin-bottom:40px;font-weight:400}.madani-auth-input-wrapper{position:relative;margin-bottom:24px}.madani-auth-input{width:100%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px 16px;color:#ffffff;font-size:15px;transition:all .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.madani-auth-input::placeholder{color:rgba(255,255,255,.4)}.madani-auth-input:focus{outline:none;border-color:rgba(72,127,255,.5);background:rgba(255,255,255,.08);box-shadow:0 0 0 3px rgba(72,127,255,.1)}.madani-auth-input.error{border-color:rgba(239,68,68,.5)}.madani-auth-button{width:100%;background:#487fff;border:none;border-radius:8px;padding:14px 24px;color:#ffffff;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.madani-auth-button:hover{background:#486cea;transform:translateY(-1px);box-shadow:0 4px 12px rgba(72,127,255,.3)}.madani-auth-button:active{transform:translateY(0)}.madani-auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.madani-auth-error{color:#ef4444;font-size:13px;margin-top:8px;text-align:center;animation:shake .3s ease}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}.madani-auth-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#000000}.madani-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#487fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width:768px){.madani-logo-large{width:150px;height:150px;margin-bottom:40px}.madani-auth-form{max-width:90%;padding:0 20px}.madani-auth-title{font-size:20px}}.dashboard-main.no-sidebar{-webkit-margin-start:0!important;margin-inline-start:0!important}@media (min-width:1200px){.dashboard-main.no-sidebar{-webkit-margin-start:0!important;margin-inline-start:0!important}}@media (min-width:1400px){.dashboard-main.no-sidebar{-webkit-margin-start:0!important;margin-inline-start:0!important}}@media (min-width:1650px){.dashboard-main.no-sidebar{-webkit-margin-start:0!important;margin-inline-start:0!important}}.dashboard-main-body{background-color:#f8f9fa;padding-top:0!important;padding-bottom:0!important}.card{border-radius:12px}.table{font-size:.875rem}.table thead th{font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;color:#6c757d;border-bottom:2px solid #e9ecef;padding:12px 16px}.table tbody td{padding:16px;vertical-align:middle}.table-hover tbody tr:hover{background-color:#f8f9fa}.btn-group .btn{border-radius:8px;padding:10px 24px;font-weight:500}.letter-spacing-1{letter-spacing:.5px}.sticky-filter-bar{position:-webkit-sticky!important;position:sticky!important;top:44px!important;z-index:999!important;margin-bottom:8px}.sticky-filter-bar .card{position:relative;transition:box-shadow .3s ease}.sticky-filter-bar .card.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.skeleton-loader{background-color:#e0e0e0;background-image:linear-gradient(90deg,#e0e0e0,#f5f5f5 40px,#e0e0e0 80px);background-size:600px;animation:skeleton-shimmer 1.6s linear infinite;display:inline-block}@keyframes skeleton-shimmer{0%{background-position:-100px}40%,to{background-position:600px}}[data-theme=dark] .skeleton-loader{background-color:#2b3648;background-image:linear-gradient(90deg,#2b3648,#323d4e 40px,#2b3648 80px)}@media (max-width:767px){.filter-container{position:fixed;bottom:0;left:0;right:0;z-index:1050;background:var(--base,#fff);border-radius:20px 20px 0 0;padding:16px;box-shadow:0 -4px 20px rgba(0,0,0,.1);transform:translateY(100%);opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:85vh;overflow-y:auto}.filter-container.show{transform:translateY(0);opacity:1;pointer-events:auto}.filter-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:1040;opacity:0;pointer-events:none;transition:opacity .3s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.filter-backdrop.show{opacity:1;pointer-events:auto}[data-theme=dark] .filter-container{background:var(--white,#273142);border:1px solid var(--neutral-200,#323d4e);border-bottom:none}}.shadow-sm{box-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06)}.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.card.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.card.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(0,0,0,.1)!important}.col-xl-2-4{flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-xl-2-4{flex:0 0 50%;max-width:50%}}@media (min-width:768px){.col-xl-2-4{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.col-xl-2-4{flex:0 0 33.333333%;max-width:33.333333%}}@media (min-width:1200px){.col-xl-2-4{flex:0 0 25%;max-width:25%}}@media (min-width:1400px){.col-xl-2-4{flex:0 0 20%;max-width:20%}}.kpi-card-tight{transition:all .2s ease}.kpi-card-tight .card-body{padding:1rem}.kpi-card-tight h2,.kpi-card-tight h3{font-size:1.5rem;line-height:1.2;word-break:break-word}@media (max-width:991px){.kpi-card-tight .card-body{padding:.875rem}.kpi-card-tight h2,.kpi-card-tight h3{font-size:1.25rem}.kpi-card-tight .text-xs{font-size:.7rem}}@media (min-width:1400px){.kpi-card-tight .card-body{padding:1.125rem}.kpi-card-tight h2,.kpi-card-tight h3{font-size:1.75rem}}.kpi-card-tight .d-flex{align-items:flex-start}.kpi-card-tight .flex-grow-1{min-width:0;overflow:hidden}@media (max-width:575px){.kpi-card-tight .w-48-px{width:40px!important;height:40px!important}.kpi-card-tight .w-48-px .icon,.kpi-card-tight .w-48-px svg{width:18px!important;height:18px!important}}.kpi-card-tight,.kpi-card-tight .card-body{display:flex;flex-direction:column}.kpi-card-tight .card-body{flex:1 1}.kpi-card-tight h2,.kpi-card-tight h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-card-tight .d-flex.align-items-start{gap:.5rem}.kpi-card-tight .border-top{margin-top:.75rem;padding-top:.75rem}@media (max-width:575px){.kpi-card-tight p.text-xs{font-size:.65rem;line-height:1.3}.kpi-card-tight .letter-spacing-1{letter-spacing:.3px}}.row.g-2{margin-left:-.25rem;margin-right:-.25rem}.row.g-2>*{padding-left:.25rem;padding-right:.25rem;margin-bottom:.5rem}.kpi-strip{display:flex;flex-wrap:nowrap;gap:.5rem;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch}.kpi-strip-item{flex:1 1;min-width:170px}.activity-strip-inline{background:transparent;border-radius:12px;padding:2px 0 0}.text-xxs{font-size:10px}.activity-strip-grid{display:grid;grid-template-columns:repeat(24,1fr);grid-gap:2px;gap:2px;height:28px;align-items:end}.activity-strip-cell{border-radius:5px;overflow:hidden;outline:none}.activity-strip-hours{margin-top:2px;display:grid;grid-template-columns:repeat(25,1fr);font-size:10px;color:#9ca3af;line-height:1;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.activity-strip-hour{text-align:center}.activity-strip-hours--dense{grid-template-columns:repeat(24,1fr);font-size:9px;letter-spacing:-.2px;margin-top:1px}.kpi-card-compact .card-body{padding:.75rem!important}.kpi-card-compact h2{line-height:1.1}.kpi-card-compact .kpi-icon{width:40px;height:40px}@media (max-width:575px){.kpi-strip-item{min-width:155px}.kpi-card-compact .kpi-icon{width:36px;height:36px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spin{animation:spin 1s linear infinite}.sticky-header-wrapper,.sticky-nav-menu{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sticky-header-wrapper{margin-top:0!important;margin-bottom:0!important}.dashboard-name{font-size:14px;font-weight:600;color:#212529;letter-spacing:-.2px}.sticky-nav-item{display:flex;align-items:center;gap:6px;padding:4px 12px;background:transparent;color:#6c757d;font-size:13px;font-weight:500;cursor:pointer;transition:all .15s ease;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:6px;position:relative}.sticky-nav-item:hover{color:#212529;background-color:#f8f9fa}.sticky-nav-item.active{color:#0d6efd;border-bottom-color:#0d6efd;background-color:transparent;font-weight:600}.sticky-nav-item span{white-space:nowrap}@media (max-width:768px){.dashboard-name,.sticky-nav-item span{display:none}.sticky-nav-item{padding:4px 10px}.sticky-header-wrapper .d-flex{gap:2px}}.w-32-px{width:32px}.h-32-px{height:32px}.rounded-3{border-radius:1rem!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.earnings-hero{animation:pulse 3s ease-in-out infinite}@keyframes pull-refresh-fade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.pull-refresh-indicator{animation:pull-refresh-fade .2s ease-out}