:root{--ds-primary:#0d6efd;--ds-secondary:#6c757d;--ds-success:#198754;--ds-info:#0dcaf0;--ds-warning:#ffc107;--ds-danger:#dc3545;--ds-dark:#212529;--ds-light:#f8f9fa;--ds-sidebar-bg:#1e293b;--ds-sidebar-text:#94a3b8;--ds-sidebar-active:#3b82f6}body{font-family:'Segoe UI',system-ui,-apple-system,sans-serif;background-color:#f1f5f9}.sidebar{background:linear-gradient(180deg,var(--ds-sidebar-bg) 0%,#0f172a 100%);min-height:100vh;width:260px;position:fixed;left:0;top:0;z-index:1000;box-shadow:4px 0 10px rgba(0,0,0,.1)}.sidebar .nav-link{color:var(--ds-sidebar-text);padding:12px 20px;border-radius:8px;margin:4px 12px;transition:all .3s ease}.sidebar .nav-link:hover{background-color:rgba(255,255,255,.1);color:#fff}.sidebar .nav-link.active{background-color:var(--ds-sidebar-active);color:#fff}.sidebar .nav-link i{width:24px;margin-right:10px}.main-content{margin-left:260px;padding:20px;min-height:100vh}.top-navbar{background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);padding:15px 25px;border-radius:12px;margin-bottom:25px}.card{border:0;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}.card-header{background:transparent;border-bottom:1px solid #e2e8f0;font-weight:600;padding:18px 20px}.btn{border-radius:8px;padding:10px 20px;font-weight:500;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:0}.btn-primary:hover{background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px)}.table{border-radius:12px;overflow:hidden}.table thead th{background-color:#f8fafc;border-bottom:2px solid #e2e8f0;font-weight:600;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;color:#64748b}.form-control,.form-select{border-radius:8px;border:1px solid #e2e8f0;padding:10px 15px}.form-control:focus,.form-select:focus{border-color:var(--ds-primary);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.stat-card{background:linear-gradient(135deg,#fff 0%,#f8fafc 100%);border-radius:16px;padding:24px;position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;right:0;width:100px;height:100px;background:linear-gradient(135deg,rgba(59,130,246,.1) 0%,transparent 100%);border-radius:0 16px 0 100%}.stat-card .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.stat-card .stat-value{font-size:28px;font-weight:700;color:var(--ds-dark)}.stat-card .stat-label{color:#64748b;font-size:14px}.alert{border:0;border-radius:12px;padding:16px 20px}.badge{border-radius:6px;padding:6px 12px;font-weight:500}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.login-card{background:#fff;border-radius:20px;padding:40px;box-shadow:0 25px 50px rgba(0,0,0,.15);max-width:420px;width:100%}.login-card .logo{text-align:center;margin-bottom:30px}.login-card h2{text-align:center;margin-bottom:30px;color:var(--ds-dark)}@media(max-width:992px){.sidebar{transform:translateX(-100%);transition:transform .3s ease}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0}}.loading-spinner{display:flex;align-items:center;justify-content:center;min-height:200px}.spinner-border{width:3rem;height:3rem}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease forwards}.abp-application-layout{background-color:#f1f5f9}ul{list-style:none;padding-left:0}nav ul li{margin-bottom:5px}nav ul li a{display:block;padding:10px 15px;color:#333;text-decoration:none;border-radius:8px;transition:all .2s ease}nav ul li a:hover{background-color:#e9ecef;color:var(--ds-primary)}.hero-section{min-height:100vh;position:relative;overflow:hidden;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#334155 100%)}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}.animated-shapes{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.shape{position:absolute;border-radius:50%;opacity:.1;animation:float 20s infinite ease-in-out}.shape-1{width:400px;height:400px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);top:-100px;right:-100px;animation-delay:0s}.shape-2{width:300px;height:300px;background:linear-gradient(135deg,#10b981,#3b82f6);bottom:-50px;left:-50px;animation-delay:-5s}.shape-3{width:200px;height:200px;background:linear-gradient(135deg,#f59e0b,#ef4444);top:50%;left:30%;animation-delay:-10s}.shape-4{width:150px;height:150px;background:linear-gradient(135deg,#ec4899,#8b5cf6);bottom:20%;right:20%;animation-delay:-15s}@keyframes float{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(30px,-30px) rotate(90deg)}50%{transform:translate(0,-50px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}.text-gradient{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-content{position:relative;z-index:10}.hero-buttons .btn{padding:12px 28px;font-weight:600;border-radius:8px;transition:all .3s ease}.hero-buttons .btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px rgba(59,130,246,.3)}.dashboard-preview{background:#1e293b;border-radius:16px;overflow:hidden;box-shadow:0 25px 50px rgba(0,0,0,.5);transform:perspective(1000px) rotateY(-5deg) rotateX(5deg);transition:transform .5s ease}.dashboard-preview:hover{transform:perspective(1000px) rotateY(0deg) rotateX(0deg)}.preview-header{background:#0f172a;padding:12px 16px;display:flex;align-items:center;gap:12px}.preview-dots{display:flex;gap:6px}.preview-dots .dot{width:12px;height:12px;border-radius:50%}.dot.red{background:#ef4444}.dot.yellow{background:#f59e0b}.dot.green{background:#10b981}.preview-title{color:#64748b;font-size:12px}.preview-content{display:flex;min-height:300px}.preview-sidebar{width:60px;background:#0f172a;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:16px}.sidebar-item{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#64748b;transition:all .3s ease}.sidebar-item.active{background:#3b82f6;color:#fff}.preview-main{flex:1;padding:20px}.preview-cards{display:flex;gap:12px;margin-bottom:20px}.mini-card{flex:1;height:60px;border-radius:8px;animation:pulse 2s infinite}.mini-card.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.mini-card.green{background:linear-gradient(135deg,#10b981,#059669)}.mini-card.orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.preview-chart{height:150px;background:linear-gradient(180deg,rgba(59,130,246,.2) 0%,transparent 100%);border-radius:8px;position:relative}.preview-chart::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899)}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.7}}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);color:#fff;opacity:.5;animation:bounce 2s infinite}@keyframes bounce{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(10px)}}.features-section{background:#fff}.feature-card{background:#fff;border-radius:16px;padding:32px;transition:all .3s ease;border:1px solid #e2e8f0}.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1);border-color:transparent}.feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff}.feature-link{color:#3b82f6;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;transition:all .3s ease}.feature-link:hover{color:#2563eb}.feature-link:hover i{transform:translateX(4px)}.feature-link i{transition:transform .3s ease}.tech-section{background:#f8fafc}.tech-card{background:#fff;border-radius:16px;padding:24px;transition:all .3s ease;border:1px solid #e2e8f0}.tech-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.tech-icon{width:56px;height:56px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;margin:0 auto}.module-card{background:#fff;border-radius:20px;padding:32px;border:2px solid #e2e8f0;transition:all .3s ease}.module-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.module-card.identity:hover{border-color:#3b82f6}.module-card.tenant:hover{border-color:#10b981}.module-card.admin:hover{border-color:#f59e0b}.module-header{text-align:center;margin-bottom:24px}.module-header i{font-size:48px;margin-bottom:16px}.module-card.identity .module-header i{color:#3b82f6}.module-card.tenant .module-header i{color:#10b981}.module-card.admin .module-header i{color:#f59e0b}.module-features{list-style:none;padding:0;margin:0 0 24px 0}.module-features li{padding:8px 0;color:#64748b;display:flex;align-items:center;gap:12px}.module-features li i{color:#10b981}.stats-section{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.stat-box{padding:32px}.stat-number{font-size:48px;font-weight:700;color:#fff;margin-bottom:8px}.stat-label{color:#94a3b8;font-size:16px;text-transform:uppercase;letter-spacing:1px}.cta-section{background:#f8fafc}.cta-card{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 100%);border-radius:24px;padding:48px}.landing-footer{background:#0f172a}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;border-radius:8px;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease}.social-link:hover{background:#3b82f6;color:#fff}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:8px}.footer-links a{color:#94a3b8;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{color:#94a3b8;margin-bottom:8px}@media(max-width:992px){.hero-section{padding-top:100px}.hero-content h1{font-size:2.5rem}.stat-number{font-size:36px}}@media(max-width:768px){.hero-buttons .btn{display:block;width:100%;margin-bottom:12px}.cta-card{padding:32px;text-align:center}}:root{--ds-primary:#4f46e5;--ds-primary-dark:#4338ca;--ds-secondary:#64748b;--ds-success:#10b981;--ds-danger:#ef4444;--ds-bg-gradient:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.account-layout,body.abp-account-layout{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important;background:var(--ds-bg-gradient)!important;min-height:100vh}.account-module-form,.abp-account-container{max-width:440px!important;margin:0 auto;padding:20px}.card.shadow-sm,.account-card,.abp-account-card{background:#fff!important;border-radius:24px!important;box-shadow:0 25px 50px -12px rgba(0,0,0,.25)!important;padding:48px 40px!important;border:0!important;animation:slideUp .5s ease-out}@keyframes slideUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.card-header,.account-card-header{background:transparent!important;border:0!important;text-align:center;padding-bottom:24px!important}.card-header h5,.card-header .card-title{font-size:24px!important;font-weight:700!important;color:#1e293b!important}.form-control{width:100%;padding:14px 16px!important;font-size:15px!important;border:2px solid #e5e7eb!important;border-radius:12px!important;transition:all .2s ease;background:#f9fafb!important}.form-control:focus{outline:0!important;border-color:var(--ds-primary)!important;background:#fff!important;box-shadow:0 0 0 4px rgba(79,70,229,.1)!important}.form-control::placeholder{color:#9ca3af}.form-label,label{display:block;font-size:14px!important;font-weight:500!important;color:#374151!important;margin-bottom:8px!important}.form-group,.mb-3{margin-bottom:20px!important}.form-check{display:flex;align-items:center;gap:10px;margin-bottom:24px!important}.form-check-input{width:18px!important;height:18px!important;border:2px solid #d1d5db!important;border-radius:4px!important;cursor:pointer}.form-check-input:checked{background-color:var(--ds-primary)!important;border-color:var(--ds-primary)!important}.form-check-label{font-size:14px!important;color:#4b5563!important;cursor:pointer}.btn-primary,button[type="submit"].btn-primary{width:100%;padding:14px 24px!important;font-size:15px!important;font-weight:600!important;color:#fff!important;background:var(--ds-primary)!important;border:0!important;border-radius:12px!important;cursor:pointer;transition:all .2s ease}.btn-primary:hover,button[type="submit"].btn-primary:hover{background:var(--ds-primary-dark)!important;transform:translateY(-1px);box-shadow:0 10px 20px -10px rgba(79,70,229,.5)!important}.btn-primary:active{transform:translateY(0)}.alert{padding:14px 16px!important;border-radius:12px!important;margin-bottom:20px!important;font-size:14px!important}.alert-danger{background:#fef2f2!important;color:#dc2626!important;border:1px solid #fecaca!important}.alert-success{background:#f0fdf4!important;color:#16a34a!important;border:1px solid #bbf7d0!important}.text-danger,.field-validation-error{color:var(--ds-danger)!important;font-size:13px!important;margin-top:6px;display:block}.card-body a,.account-card a{color:var(--ds-primary)!important;text-decoration:none!important;font-weight:500!important;font-size:14px!important}.card-body a:hover,.account-card a:hover{text-decoration:underline!important}.card-footer,.account-card-footer{text-align:center;margin-top:24px!important;padding-top:24px!important;border-top:1px solid #e5e7eb!important;background:transparent!important}.tenant-switch-component,.abp-tenant-switch{background:#f1f5f9!important;border-radius:12px!important;padding:12px 16px!important;margin-bottom:24px!important}.navbar,.footer,header,footer{display:none!important}.container.account-module-form{display:flex;align-items:center;justify-content:center;min-height:100vh}.input-group{position:relative}.input-group .input-group-text{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;z-index:10;background:transparent!important;border:0!important}.input-group .form-control{padding-left:48px!important}@media(max-width:480px){.card.shadow-sm,.account-card{padding:32px 24px!important;border-radius:20px!important}}.abp-application-layout .main-container{background:var(--ds-bg-gradient)!important}body{background:var(--ds-bg-gradient)!important}[dir="rtl"]{direction:rtl;text-align:right}[dir="rtl"] .lp-sidebar{left:auto;right:0}[dir="rtl"] .lp-body{margin-left:0;margin-right:280px}[dir="rtl"] .lp-sidebar-collapsed .lp-body{margin-right:70px}[dir="rtl"] .nav-link{text-align:right;padding-left:1rem;padding-right:1.5rem}[dir="rtl"] .nav-link i,[dir="rtl"] .nav-link .fa,[dir="rtl"] .nav-link .fas,[dir="rtl"] .nav-link .far{margin-left:.5rem;margin-right:0}[dir="rtl"] .dropdown-menu{text-align:right;left:auto;right:0}[dir="rtl"] .dropdown-item{text-align:right}[dir="rtl"] .form-control,[dir="rtl"] .form-select{text-align:right}[dir="rtl"] .input-group>.form-control,[dir="rtl"] .input-group>.form-select{border-radius:0 .375rem .375rem 0}[dir="rtl"] .input-group>.input-group-text:first-child{border-radius:.375rem 0 0 .375rem}[dir="rtl"] .btn i,[dir="rtl"] .btn .fa,[dir="rtl"] .btn .fas,[dir="rtl"] .btn .far{margin-left:.25rem;margin-right:0}[dir="rtl"] .table th,[dir="rtl"] .table td{text-align:right}[dir="rtl"] .table th:first-child,[dir="rtl"] .table td:first-child{text-align:right}[dir="rtl"] .card-header{text-align:right}[dir="rtl"] .card-body{text-align:right}[dir="rtl"] .breadcrumb{flex-direction:row-reverse}[dir="rtl"] .breadcrumb-item+.breadcrumb-item::before{content:"\\";float:right;padding-left:.5rem;padding-right:0}[dir="rtl"] .pagination{flex-direction:row-reverse}[dir="rtl"] .alert{text-align:right}[dir="rtl"] .alert-dismissible .btn-close{left:0;right:auto}[dir="rtl"] .modal-header{flex-direction:row-reverse}[dir="rtl"] .modal-header .btn-close{margin:-.5rem auto -.5rem -.5rem}[dir="rtl"] .modal-body{text-align:right}[dir="rtl"] .modal-footer{flex-direction:row-reverse}[dir="rtl"] .list-group-item{text-align:right}[dir="rtl"] .badge{margin-left:0;margin-right:.25rem}[dir="rtl"] .tooltip,[dir="rtl"] .popover{text-align:right}[dir="rtl"] .progress-bar{float:right}[dir="rtl"] .b-table th,[dir="rtl"] .b-table td{text-align:right}[dir="rtl"] .b-table-header{text-align:right}[dir="rtl"] .abp-sidebar{left:auto;right:0}[dir="rtl"] .abp-content{margin-left:0;margin-right:280px}[dir="rtl"] .float-start{float:right!important}[dir="rtl"] .float-end{float:left!important}[dir="rtl"] .ms-auto{margin-right:auto!important;margin-left:0!important}[dir="rtl"] .me-auto{margin-left:auto!important;margin-right:0!important}[dir="rtl"] .ms-1,[dir="rtl"] .ms-2,[dir="rtl"] .ms-3,[dir="rtl"] .ms-4,[dir="rtl"] .ms-5{margin-left:0!important}[dir="rtl"] .me-1,[dir="rtl"] .me-2,[dir="rtl"] .me-3,[dir="rtl"] .me-4,[dir="rtl"] .me-5{margin-right:0!important}[dir="rtl"] .text-start{text-align:right!important}[dir="rtl"] .text-end{text-align:left!important}[dir="rtl"] .fa-chevron-right::before{content:""}[dir="rtl"] .fa-chevron-left::before{content:""}[dir="rtl"] .fa-arrow-right::before{content:""}[dir="rtl"] .fa-arrow-left::before{content:""}[dir="rtl"] .dashboard-card .card-icon{left:auto;right:1rem}[dir="rtl"] .dashboard-card .card-content{text-align:right}[dir="rtl"] .sidebar-toggle{left:auto;right:280px}[dir="rtl"] .lp-sidebar-collapsed .sidebar-toggle{right:70px}