@font-face{font-family:UAESymbol;src:url(data:font/woff2;base64,d09GMgABAAAAAARAAA0AAAAACZQAAAPrAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGhgGYACCUhEICoUghB0LDAABNgIkAxQEIAWGPwdKGyEIAB4H1c0O84gqjyEWX+56Zjx8P/bt3KfftCGWxCrJG1ksMXQLhbxDKkuykgjVJBOXtv8oD5stmaRQKpAH80lVLfvFofLDn+dyvt+yBnoA58a1z5eNNcQDkguu2QrXyiUpekWt6sbu0asQJ/H0AZG9gOhDCPjs2v0B/v6eHKt0YIIFJCzHc2FFTUBN2qPYBfCGTsQPuBIUoI4QBGXFAgDu3w9GP+HgFI1DoH6EEQAB2cIEJ+QzMo4wuGOLuo/KZWBgIAHexP/drPBEpjcGZCcQDQRNIgHJnyfQd4jdTgIVjNDxDUQHoIAEiihU9TgzL1MuezabJys9S247vu/eDzDaIyZkiDbo5umXnlZvZ2QEoxHRIUNYvXfc5ebXWBv/bT2MuV7ynmYn16TmPd1JSa5O2c7Rfcuzuhf5ultokDOMne61uHy+Hcc70QDRQ6zoEBYMfIjXsxYfl8ZRMe+ITseEhQXBW+56zMgQExIdHQzFXUPoF5tgcr9jfsd9XmBZuAjHcSYmj2IuxFgb3Q5FGDBNkOc9xqlXOzkk18Xdht122xLD2sTOu40xMCAUGlobCkVut908TqmuIgT1Xan8V4+MXH2+CizPllXU5ZmDMuZaDHU/nrWM4OFkVi7nauQNUVG2sbI0X/u+3CeZlTFXY2xFXqmzn5HajTnIxwJoL9tQSpYUmdSacP54UrBZZpwW0XExWsJcw1ekDhfbvszQqElbMHrOdO/c9gw9J3Df9I/4iFTFIjlNkWloWmYlt7jnrz+uXLlBGRbqVxtz3i9PLNYpt6FAuRQmhuQk2lf8n6zNKJnG5Zw7VUYCiygEZBmdneDeA1TiQl/a8ejp41SeXlZg+QK98WSX4Fw9r3gwKlIoZW6uKhWlNG5pbkuzmpH28IEdcgRKd/852ov4iXjZGERZqRvwWTgDQCD4f8s+MJBV7ysdIx3cFortApol9SrAIkwIFnSk7QMk9WYJCPDUXAK+9PZIXkiigifr1acLrzAErjGdigFAvC05KCuM3DenpHtF2dYkFSuvqMoOqVmGBHURejBAExiiFYzQAcboBhP0gSkGwQwjaIEhCk4v0UY3UIpCD5wFRGHDhJKZp5SdlUvFGftUNQfUnAoK6lJowQANYIhmMEIbGKMTTNADpugHMwyhBSyift8SS1SDqURJsqWIFilKGpIKJSrUkawEC5EoQxQINdrXMpvVh20HowCuM2dGXqps8R7ZceD6bTP5wHka4KVwkdLFCZYCourmACfoICG6kn5rJ66SqC4SpXH/mu2Hr1CgBK5cVAKqU0x5eCeGVp2pBZJtd0VIQYEoWXyfI/wJiWk/GqpmAgA=) format("woff2"),url(data:font/woff;base64,d09GRk9UVE8AAAb8AAsAAAAACkAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAADRAAAA3gAAAPMKQ2feEZGVE0AAAbUAAAAGgAAABykSbNzR0RFRgAABrwAAAAXAAAAGAAlAABPUy8yAAABYAAAAEwAAABgVVFwiGNtYXAAAAL8AAAAOgAAAVLgE/mPaGVhZAAAAQgAAAAvAAAANi9cY5BoaGVhAAABOAAAAB4AAAAkDEoErGhtdHgAAAbwAAAADAAAAAwMLwC/bWF4cAAAAVgAAAAGAAAABgADUABuYW1lAAABrAAAAU4AAAM/cLlhf3Bvc3QAAAM4AAAADAAAACAAAwAAeJxjYGRgYADiR4kZ6+P5bb4ycHMwgMCT3zwHEfT/ODZ31s1ALgcDE0gUAFLUC9MAeJxjYGRgYGP4xwAkVzIw/P/P5s4AFEEBzABgjgQEAAAAAFAAAAMAAHicY2Bm4WecwMDKwMDUxbSbgYGhB0Iz3mcwZGRiYGDlYmRgZIACRgEGBIgAAgaHBwzfDrMx/APyWTczLAKpAckxg3gKQMgIAE8ZDJV4nJ3RTUsCURQG4PeOH6PjBxq2HyJaRIoKQkgE+QHSIlpERLRoJkwFZWL8AAna9xPatO1X9Gv6Dy2jN3upCINqmAvPnHvO4dw7ANbMPQzen1VsyQYOTmQLNsZyhDkPchQreJJj3HmR48ibDdmGMTtygm7ISbojO/SBnKKP5DR9KmfoczlLX8o5OOZGzsM2d5zDRJP82lxM+2aDAhqyxeoLOcKcazmKdTzKMZ7gWY7zfizZhmW25QS9K7OrackOvS+n6EM5TR/LGfpMztK+nEPB9OU8suYWTQS4whwhBuihjwlcVFHmqlEdePCZMeMOmsHVPBz0+hO3Wq7W3I7nBzOG99BGC0X+vzlGi+whg+1WcTwf+QEdosvWU4Y9GmG3Nx16hIs617Jy93uNW3c/O7ofHX5Vu6ywghLPiEqpvLzJjy2+DP+397+39ApwwWW6AAB4nGNgYGBmgGAZBkYGEPAB8hjBfBYGAyDNAYRMIIkHDN8O//+PzFJg5LSH6gIDRjYGZO6IBADEMQp2AAB4nGNgZsALAAB9AAR4nGVTXWhbdRT/J81N/o7SzWH05S6LMETQyRxMVHzQdRKfREGwuOraZjFT0qRLmjXZbZrmJvfj/z/3K7n5sJ/p0orbSruO7sNZnUJ9mE7BOYThixb0qYII6o29Ct6iKOJ5Oedwzvmd3+Gc40IeD3K5XLufefbI/lR2cCARS0ai6Vh/ErncyIVC7T2oHXC197rbwY72/R7o7IBOT2AH8sgP7gX4x+j0gf0Y6w2xzCrDots7WYR2sejO3Sy6i+1Y341822A70R4URIdQCL2Ieo7G+wcj8cTw64l0/Pir//UefeRAd2Iom3wjemI4ePDAwUPB5/oHEqdO/Esy+DfL/9NGyCW5ZNSx3TDgvubeYJkVD7v1wtZ9juH74wK79a6f9Xz7W4i1g74ultllnWaZi36ADcV6WrGeh19oS1bBAJOaxHD01/ytkU/iGjXkioynijOFmXEAXa5IzbHZXJPbfOJz233BDmg5tQgEKxIDZ8hqYInO0Qo1aVWqiuczc/F6WOfUEUhiSPEmMzo5WsvqopZUjgEOESewj5y6DtdpQ2AW8/PJyahW0sd1ThGUnJKGDC2AI6IuVHiTL5d0zBu8VoSikoIw9CgngVAZCKEi5cVMMVEcEjkiYQBKqCRyfDp3UhZkQSolX4v1RcKnubE8L4iiKIkyzuX5UklywKWSlOOzhXQhmonkBvJDxRFxlPBUIDLFw2JU6pFH6MNgPwXYroJRYd4+O/1e9aY2rU0oDaUBH8OP2HroqG8QMkpRPTYRX86tkxqZomcwLNYLTH28zjcE3BC/gC8BbsNXrwDzppMrqikzM8k181P8nLDwVwXMqrXtgTWii3iCmyo0RZMu0MuAP7Ue8ILlIbeEs/xNbi11XipLGgBuk24/p/Qp3Q47JHkpgcNg78OKHbO+A+t7YBy0Mi1jucE4azFAFxYLK6NXS61CKzf/0k+Pf2a7z8XMcLlXw+2Xf//Gb9ibPjtrewk4x02SSi/utn7wWZu6V9GUFlyCy7RFDZy1r/g12fkDsBlqpwL2BgF7EOy4hYG5A2vKnPahcaW2NDFn1svbE6mKCm8ZzfrCzLWlldV31rBR0yuqWq6b09VW41x9ubpqLmuzVMVdv1qbVtFvH3nSC71CXz48Fs4eT0bwz4eZ9y+tfDB/o3WjsQ4f4a6te+9p7/ernTv+BHI4vBJ4nGNgZGBg4AFiASBmAmIWCA0AAjsAJgB4nGNgYGBkAIJbwTM/gOgnv3kOwmgAViwIEAAAA4IAAAapAGICBABd) format("woff"),url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTaRJs3MAAAl4AAAAHEdERUYAJQAAAAAJYAAAABhPUy8yVVFwaAAAAVgAAABgY21hcOAV+pYAAAHMAAABUmdhc3D//wADAAAJWAAAAAhnbHlm0ocuVwAAAywAAAKgaGVhZC9cY5AAAADcAAAANmhoZWEMSgSuAAABFAAAACRobXR4DtkAvwAAAbgAAAAUbG9jYQFMAXgAAAMgAAAADG1heHAASwDMAAABOAAAACBuYW1lcLlhfwAABcwAAAM/cG9zdOs+8KcAAAkMAAAASgABAAAAAQAAB9NJi18PPPUACwgAAAAAAOT7DMEAAAAA5PsMwQAA/14GRwWzAAAACAACAAAAAAAAAAEAAAYA/gAAAAapAAD//wZHAAEAAAAAAAAAAAAAAAAAAAAFAAEAAAAFAMkABAAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAwQPAZAABQAAAooCuwAAAIwCigK7AAAB3wAxAQIAAAUKAQABAAAAAAAAAAABEAAAAAAAAAAAAAAAWFhYWABA4AD2wwYA/gAAAAWzAKIAAAABAAAAAAMABbMAAAAgAAEDggAAAAAAAAKqAAAGqQBiAgQAXQAAAAMAAAADAAAAHAABAAAAAABMAAMAAQAAABwABAAwAAAACAAIAAIAAAAA4AD2w///AAAAAOAA9sP//wAAIAMJQQABAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUABQAFAE4AVAAAgAAAAADgwWwAAMABwAAESERITchESEDg/x9aAKz/U0FsPpQaATgAAQAYgAABkcFswCMAKEArgDIAAATFhcWFxYdASMiJyYvAQYVFhcWFxYXFjsBHQErAScmLwEVFhcWFxY7ARUUBwYHBg8BISA3Njc2NzY3Njc2PwE2NzY3Njc2NzY3Nj8BNjc2NzYzNhcyFzIXFh8BNjUmJyYnJi8CIzc1JzcyFxYfATU0JyYnLgEvAjQnJicmLwEmJy4BIyYnIicmIyYhFxYXFhcWFxYXFB8CKQEnNDc1MzIBFhUUBxUpATU3NjMhAxYHBgcGBwYHBgcGDwEGBwYHBisBPQEtATLmBAQjDgg/OxAdFQcCAQQJEhkiBzIxR0UMEBILAQQVQgwtMAEBBg4mBQEAAQcUSyMJCRUpQzAeGAwJFQgHCh03JwQGEwkCAwwNAQEFA0xACAwODQwLAQECBQYXMAwzMwICREMHGBgJBhAvEBQ0PgEFNpAfHAsbGQQKAWBzCggIBx/+5PNFMaZSFAsWCQIDAf6v/rABAWxjAeMCAv6p/qgBcuUBVxICDA0TDAsDCClGIxcECxU1TBx2dAFNAVADBbEDBi5hJ6ySAgcYBwoTHhImGCALA0pIBQgSCiAeElQVA5edDAYlYSsHAQQIAwEDDBQZDg8IBRIFBwcbOkYHDCMdBgUqLQsHAQEBCAgKCwoTIQkUDjcSBgEVZxQCBAUYCBglGDsdCQICAgQBF897GRIHEA0CBS0NAgEESgQNLZgjI0AxAg4MDNjZAgT9swo8PQYESEgC/tkENDkwHxQDEEY0GQkBBggWBwTa2QIBAAAAAQBd/14BVwDvAAsAACUVFAcGByc2NzY9AQFXIyNLaSQUEu9PTV1ZP0k2PzxGUQAAAAAiAZ4AAQAAAAAAAAAVACwAAQAAAAAAAQAKAFgAAQAAAAAAAgAHAHMAAQAAAAAAAwAVAKcAAQAAAAAABAASAOMAAQAAAAAABQADAP4AAQAAAAAABgARASYAAQAAAAAABwABATwAAQAAAAAACAABAUIAAQAAAAAACQABAUgAAQAAAAAACgABAU4AAQAAAAAACwABAVQAAQAAAAAADAABAVoAAQAAAAAADQABAWAAAQAAAAAADgABAWYAAQAAAAAAEAAKAX4AAQAAAAAAEQAHAZkAAwABBAkAAAAqAAAAAwABBAkAAQAUAEIAAwABBAkAAgAOAGMAAwABBAkAAwAqAHsAAwABBAkABAAkAL0AAwABBAkABQAGAPYAAwABBAkABgAiAQIAAwABBAkABwACATgAAwABBAkACAACAT4AAwABBAkACQACAUQAAwABBAkACgACAUoAAwABBAkACwACAVAAAwABBAkADAACAVYAAwABBAkADQACAVwAAwABBAkADgACAWIAAwABBAkAEAAUAWgAAwABBAkAEQAOAYkAQwBvAHAAeQByAGkAZwBoAHQAIAAyADAAMgA1ACAASABhAGIAbwB2AGgAAENvcHlyaWdodCAyMDI1IEhhYm92aAAAQQBFAEQALQBzAHkAbQBiAG8AbAAAQUVELXN5bWJvbAAAcgBlAGcAdQBsAGEAcgAAcmVndWxhcgAAIAA6ACAAQQBFAEQALQBzAHkAbQBiAG8AbAAgAHIAZQBnAHUAbABhAHIAACA6IEFFRC1zeW1ib2wgcmVndWxhcgAAQQBFAEQALQBzAHkAbQBiAG8AbAAgAHIAZQBnAHUAbABhAHIAAEFFRC1zeW1ib2wgcmVndWxhcgAAMQAuADAAADEuMAAAQQBFAEQALQBzAHkAbQBiAG8AbAByAGUAZwB1AGwAYQByAABBRUQtc3ltYm9scmVndWxhcgAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAIAAAQQBFAEQALQBzAHkAbQBiAG8AbAAAQUVELXN5bWJvbAAAcgBlAGcAdQBsAGEAcgAAcmVndWxhcgAAAAIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABQAAAAEAAgECAQMOW25hbWVub3Rmb3VuZF0OW25hbWVub3Rmb3VuZF0AAAAAAAH//wACAAEAAAAMAAAAEAAAAAIAAAAEAAAAAgAAAAAAAQAAAADaU5nwAAAAAOT7DMEAAAAA5PsMwQ==) format("truetype");font-weight:400;font-style:normal}.dirham-symbol{font-family:UAESymbol,sans-serif;font-size:inherit;color:inherit;text-transform:initial}.dirham-container{display:inline-flex;align-items:baseline;gap:.25rem}:root{--lp-primary: #244066;--lp-primary-dark: #1a3050;--lp-primary-light: #3a5a8a;--lp-secondary: #f2421b;--lp-secondary-light: #ff6b4a;--lp-accent: #f2421b;--lp-light-blue: #e8f4fc;--lp-light-accent: rgba(242, 66, 27, .1);--lp-dark-blue: #1a2a40;--lp-text: #333333;--lp-text-light: #666666;--lp-text-muted: #888888;--lp-white: #ffffff;--lp-gray-50: #f8fafc;--lp-gray-100: #f1f5f9;--lp-gray-200: #e2e8f0;--lp-shadow: 0 10px 40px rgba(36, 64, 102, .1);--lp-shadow-lg: 0 20px 60px rgba(36, 64, 102, .15);--lp-radius: 16px;--lp-radius-lg: 24px}.landing-page{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--lp-text);line-height:1.6}.landing-page *{box-sizing:border-box}.landing-page .container{max-width:1200px;margin:0 auto;padding:0 20px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 0;background:var(--lp-white);transition:all .3s ease}.mobile-header.scrolled{box-shadow:var(--lp-shadow)}.mobile-header .container{display:flex;justify-content:space-between;align-items:center}.hamburger{width:30px;height:24px;background:none;border:none;cursor:pointer;position:relative;z-index:1001}.hamburger span,.hamburger span:before,.hamburger span:after{display:block;width:100%;height:3px;background:var(--lp-primary);border-radius:2px;transition:all .3s ease}.hamburger span{position:relative}.hamburger span:before,.hamburger span:after{content:"";position:absolute;left:0}.hamburger span:before{top:-8px}.hamburger span:after{top:8px}.hamburger.active span{background:transparent}.hamburger.active span:before{top:0;transform:rotate(45deg)}.hamburger.active span:after{top:0;transform:rotate(-45deg)}.mobile-menu{position:fixed;top:60px;left:0;right:0;background:var(--lp-white);padding:20px;display:none;flex-direction:column;gap:15px;box-shadow:var(--lp-shadow)}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--lp-text);font-weight:500;padding:10px 0;border-bottom:1px solid var(--lp-gray-100);cursor:pointer;text-decoration:none}.mobile-menu a:last-child{border-bottom:none}.btn-mobile-cta{background:var(--lp-secondary)!important;color:var(--lp-white)!important;text-align:center;padding:12px 20px!important;border-radius:8px;font-weight:600!important}.main-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:15px 0;background:var(--lp-white);transition:all .3s ease}.main-header.scrolled{box-shadow:var(--lp-shadow)}.header-inner{display:flex;align-items:center;justify-content:space-between}.header-left .logo{display:flex;align-items:center;gap:10px}.logo img{height:45px;width:auto;max-width:180px;object-fit:contain}.main-nav ul{display:flex;list-style:none;margin:0;padding:0;gap:35px}.main-nav a{color:var(--lp-text);font-weight:500;cursor:pointer;transition:color .3s ease;text-decoration:none}.main-nav a:hover,.main-nav a.active{color:var(--lp-primary)}.header-right{display:flex;align-items:center;gap:20px}.btn-text{color:var(--lp-text);font-weight:500;text-decoration:none;transition:color .3s ease}.btn-text:hover{color:var(--lp-primary)}.btn-flat{display:inline-block;padding:12px 30px;background:var(--lp-secondary);color:var(--lp-white);font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease}.btn-flat:hover{background:var(--lp-secondary-light);transform:translateY(-2px)}.btn-primary{display:inline-block;padding:14px 32px;background:var(--lp-secondary);color:var(--lp-white);font-weight:600;font-size:15px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--lp-secondary-light);transform:translateY(-2px);box-shadow:0 8px 20px #f2421b4d}.btn-secondary{display:inline-block;padding:14px 32px;background:var(--lp-primary);color:var(--lp-white);font-weight:600;font-size:15px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--lp-primary-dark);transform:translateY(-2px)}.btn-white{display:inline-block;padding:14px 32px;background:var(--lp-white);color:var(--lp-primary);font-weight:600;font-size:15px;border-radius:8px;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.hero-section{min-height:100vh;padding:140px 20px 0;background:var(--lp-light-blue);position:relative;text-align:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/assets/images/hero-bg.svg);background-position:center bottom;background-repeat:no-repeat;background-size:cover;opacity:.5}.hero-content{position:relative;z-index:1;padding-top:60px}.hero-section h1{font-size:56px;font-weight:800;color:var(--lp-text);line-height:1.15;margin:0 0 24px;display:block}.hero-subtitle{font-size:20px;color:var(--lp-text-light);max-width:500px;margin:0 auto 40px;display:block}.hero-image{margin-top:50px;margin-bottom:-100px;position:relative;z-index:2}.hero-image img{max-width:100%;height:auto;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow-lg)}.spacer-100{height:100px}.features-section{padding:80px 20px}.feature-row{display:flex;align-items:center;gap:60px;margin-bottom:80px}.feature-row:last-child{margin-bottom:0}.feature-row.reverse{flex-direction:row-reverse}.feature-text{flex:1}.feature-text h2{font-size:36px;font-weight:700;color:var(--lp-primary);line-height:1.3;margin:0 0 20px;display:block}.feature-text p{font-size:16px;color:var(--lp-text-light);margin:0 0 16px;display:block}.feature-text .feature-description{font-size:18px;color:var(--lp-text-light);margin:0 0 24px;line-height:1.6}.feature-image{flex:1}.feature-image img{max-width:100%;height:auto;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow)}.boxed-features-section{padding:100px 20px 70px;background:var(--lp-light-blue);background-image:url(/assets/images/section-pattern.png);background-size:cover}.boxed-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.boxed-feature{background:var(--lp-white);border-radius:var(--lp-radius-lg);padding:40px 30px;text-align:center;box-shadow:var(--lp-shadow);transition:transform .3s ease}.boxed-feature:hover{transform:translateY(-10px)}.boxed-feature-icon{width:80px;height:80px;background:var(--lp-light-accent);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.boxed-feature-icon svg{width:36px;height:36px;stroke:var(--lp-secondary)}.boxed-feature h3{font-size:22px;font-weight:700;color:var(--lp-text);margin-bottom:8px}.feature-tagline{font-size:16px;color:var(--lp-secondary);font-weight:600;margin-bottom:12px!important;text-transform:uppercase;letter-spacing:1px}.boxed-feature p{font-size:15px;color:var(--lp-text-light);margin-bottom:16px}.styled-link{color:var(--lp-secondary);font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}.styled-link:hover{gap:12px}.styled-link:after{content:"→"}.section-header{text-align:center;margin-bottom:60px;display:flex;flex-direction:column;align-items:center}.section-header h2{font-size:40px;font-weight:700;color:var(--lp-text);margin:0 0 16px;display:block}.section-header p,.section-header .section-subtitle{font-size:18px;color:var(--lp-text-light);margin:0;display:block}.styled-divider{width:60px;height:4px;background:var(--lp-secondary);margin:20px auto 0;border-radius:2px}.why-different-section{padding:100px 20px}.why-different-content{display:flex;align-items:center;gap:60px}.why-features{flex:1;padding-right:40px}.line-feature{position:relative;padding-left:70px;margin-bottom:30px}.line-feature:last-child{margin-bottom:0}.line-feature-icon{position:absolute;left:0;top:0;width:50px;height:50px;background:var(--lp-secondary);border-radius:12px;display:flex;align-items:center;justify-content:center}.line-feature-icon svg{width:24px;height:24px;stroke:var(--lp-white)}.line-feature-border{position:absolute;left:24px;top:55px;width:2px;height:calc(100% + 10px);background:var(--lp-light-accent)}.line-feature:last-child .line-feature-border{display:none}.line-feature h4{font-size:18px;font-weight:700;color:var(--lp-text);margin-bottom:8px}.line-feature p{font-size:15px;color:var(--lp-text-light)}.why-video{flex:1.2}.video-box{position:relative;border-radius:var(--lp-radius-lg);overflow:hidden;box-shadow:var(--lp-shadow-lg)}.video-box img{width:100%;height:auto;display:block}.video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:var(--lp-secondary);border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.video-play-btn:hover{background:var(--lp-secondary-light);transform:translate(-50%,-50%) scale(1.1)}.video-play-btn svg{width:30px;height:30px;fill:var(--lp-white);margin-left:5px}.pricing-section{padding:100px 20px;background:var(--lp-light-blue);background-image:url(/assets/images/section-pattern2.png);background-size:cover;text-align:center}.pricing-section .container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:1050px;margin:0 auto;justify-items:center}.pricing-card{background:var(--lp-white);padding:32px 24px;text-align:center;position:relative;border-radius:var(--lp-radius);box-shadow:0 4px 20px #24406614;border:1px solid var(--lp-gray-200);display:flex;flex-direction:column;width:100%;max-width:340px;justify-self:center}.pricing-card.featured{background:var(--lp-primary);color:var(--lp-white);padding:36px 20px;z-index:1;box-shadow:0 12px 40px #24406633;border:none}.pricing-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--lp-secondary);color:var(--lp-white);padding:8px 24px;border-radius:20px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.pricing-icon{width:56px;height:56px;margin:0 auto 16px;background:var(--lp-light-accent);border-radius:14px;display:flex;align-items:center;justify-content:center}.pricing-icon svg{width:28px;height:28px}.pricing-card .pricing-icon svg{stroke:var(--lp-secondary)}.pricing-card.featured .pricing-icon{background:#ffffff26}.pricing-card.featured .pricing-icon svg{stroke:var(--lp-white)}.pricing-card h3{font-size:22px;font-weight:700;margin-bottom:20px}.price{font-size:42px;font-weight:700;margin-bottom:0!important;display:flex;align-items:baseline;justify-content:center;gap:2px;line-height:1;white-space:nowrap}.price .dirham-container{font-size:24px;margin-right:2px}.pricing-card .price{color:var(--lp-secondary)}.pricing-card.featured .price{color:var(--lp-white)}.price sup{font-size:24px;vertical-align:super}.price-period{font-size:14px;color:var(--lp-text-muted);margin-bottom:20px!important;margin-top:8px!important}.pricing-card.featured .price-period{color:#ffffffb3}.pricing-card .btn-primary,.pricing-card .btn-white{width:100%;margin-bottom:12px}.pricing-card:not(.featured) .btn-primary{background:var(--lp-primary)}.pricing-card:not(.featured) .btn-primary:hover{background:var(--lp-primary-dark)}.price-note{font-size:13px;font-weight:600;color:var(--lp-secondary);margin-top:0!important;margin-bottom:24px!important}.pricing-card.featured .price-note{color:#fffc}.pricing-features{list-style:none;padding:0;margin:0;text-align:left;flex:1}.pricing-features li{padding:12px 0 12px 28px;position:relative;font-size:14px;border-bottom:1px solid var(--lp-gray-100);color:var(--lp-text-light)}.pricing-card.featured .pricing-features li{border-bottom-color:#ffffff1a;color:#ffffffe6}.pricing-features li:last-child{border-bottom:none}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--lp-secondary);font-weight:700;font-size:14px}.pricing-card.featured .pricing-features li:before{color:var(--lp-white)}.faq-section{padding:100px 20px}.faq-title{font-size:28px;font-weight:700;color:var(--lp-primary);margin-bottom:40px}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}.faq-item{margin-bottom:24px}.faq-item h4{font-size:17px;font-weight:700;color:var(--lp-text);margin-bottom:12px}.faq-item p{font-size:15px;color:var(--lp-text-light);line-height:1.7}.cta-box{margin-top:100px}.cta-box-inner{display:flex;align-items:flex-end;background:var(--lp-white);border-radius:var(--lp-radius-lg);box-shadow:var(--lp-shadow-lg);overflow:hidden}.cta-box-image{flex:0 0 40%}.cta-box-image img{width:100%;height:auto;display:block}.cta-box-content{flex:1;padding:50px 60px;text-align:center}.cta-box-content h3{font-size:28px;font-weight:700;color:var(--lp-primary);margin:0 0 16px;display:block}.cta-box-content p,.cta-box-content .cta-description{font-size:16px;color:var(--lp-text-light);margin:0 0 24px;display:block}.how-it-works-section{padding:100px 20px;background:var(--lp-white)}.tabs-content{display:flex;align-items:center;gap:60px}.tabs-image{flex:1}.tabs-image img{max-width:100%;height:auto;border-radius:var(--lp-radius);box-shadow:var(--lp-shadow)}.tabs-nav{flex:1;display:flex;flex-direction:column;gap:16px}.tab-item{background:var(--lp-gray-50);border:2px solid transparent;border-radius:var(--lp-radius);padding:24px 28px;text-align:left;cursor:pointer;transition:all .3s ease}.tab-item:hover{background:var(--lp-white);border-color:var(--lp-gray-200)}.tab-item.active{background:var(--lp-white);border-color:var(--lp-secondary);box-shadow:var(--lp-shadow)}.tab-item h4{font-size:18px;font-weight:700;color:var(--lp-text);margin-bottom:8px}.tab-item p{font-size:14px;color:var(--lp-text-light);margin:0}.testimonials-section{padding:100px 20px;background:var(--lp-primary)}.testimonial-slider{max-width:800px;margin:0 auto}.testimonial{text-align:center;color:var(--lp-white)}.testimonial-text{font-size:26px;font-weight:500;line-height:1.6;margin-bottom:30px}.testimonial-author h6{font-size:18px;font-weight:700;margin-bottom:4px}.testimonial-author span{font-size:14px;opacity:.8}.contact-section{padding:100px 20px}.contact-content{display:flex;align-items:center;gap:60px}.contact-image{flex:0 0 40%}.contact-image img{max-width:100%;height:auto}.contact-form{flex:1}.form-group{position:relative;margin-bottom:20px}.form-icon{position:absolute;left:16px;top:16px;width:20px;height:20px;opacity:.5}.form-icon svg{width:100%;height:100%}.form-group input,.form-group textarea{width:100%;padding:16px 16px 16px 50px;border:2px solid var(--lp-gray-200);border-radius:10px;font-size:15px;transition:border-color .3s ease;font-family:inherit;background-color:var(--lp-white);color:var(--lp-text)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--lp-text-muted)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--lp-secondary);background-color:var(--lp-white)}.form-group textarea{resize:vertical;min-height:120px}.form-error{color:var(--lp-secondary);font-size:14px;margin-bottom:16px;padding:10px 16px;background:#f2421b1a;border-radius:8px}.form-success{color:#16a34a;font-size:14px;margin-bottom:16px;padding:10px 16px;background:#16a34a1a;border-radius:8px}.btn-secondary:disabled{opacity:.7;cursor:not-allowed}.main-footer{padding:60px 20px 40px;background:var(--lp-gray-50);background-image:url(/assets/images/footer-pattern.png);background-size:cover}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:40px}.footer-brand .logo{display:inline-block;margin-bottom:16px}.footer-brand .logo img{height:40px}.footer-brand p{font-size:14px;color:var(--lp-text-light);margin-bottom:16px}.copyright{font-size:13px;color:var(--lp-text-muted)}.footer-links-group h4{font-size:16px;font-weight:700;color:var(--lp-primary);margin-bottom:20px}.footer-links-group ul{list-style:none;padding:0;margin:0}.footer-links-group li{margin-bottom:12px}.footer-links-group a,.footer-links-group button{color:var(--lp-text-light);font-size:14px;text-decoration:none;transition:color .3s ease;background:none;border:none;padding:0;font-family:inherit;cursor:pointer;text-align:left}.footer-links-group a:hover,.footer-links-group button:hover{color:var(--lp-secondary)}.footer-newsletter h4{font-size:16px;font-weight:700;color:var(--lp-primary);margin-bottom:20px}.newsletter-form{display:flex;gap:10px;margin-bottom:20px}.newsletter-input{position:relative;flex:1}.newsletter-input .form-icon{top:50%;transform:translateY(-50%)}.newsletter-input input{width:100%;padding:12px 12px 12px 44px;border:2px solid var(--lp-gray-200);border-radius:8px;font-size:14px;background-color:var(--lp-white);color:var(--lp-text)}.newsletter-input input::placeholder{color:var(--lp-text-muted)}.newsletter-input input:focus{outline:none;border-color:var(--lp-secondary);background-color:var(--lp-white)}.newsletter-form .btn-primary{padding:12px 20px;font-size:14px}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;background:var(--lp-gray-200);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.social-link:hover{background:var(--lp-secondary)}.social-link svg{width:18px;height:18px;fill:var(--lp-text);transition:fill .3s ease}.social-link:hover svg{fill:var(--lp-white)}@media (max-width: 1024px){.boxed-features-grid{grid-template-columns:repeat(2,1fr);gap:20px}.pricing-grid{grid-template-columns:repeat(2,1fr);max-width:700px}.pricing-card.featured{order:0}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.main-header{display:none}.mobile-header{display:block}.hero-section{padding-top:100px}.hero-section h1{font-size:32px}.hero-subtitle{font-size:16px}.hero-image{margin-bottom:-50px}.spacer-100{height:50px}.feature-row,.feature-row.reverse{flex-direction:column;gap:30px;margin-bottom:60px}.feature-text h2{font-size:28px}.boxed-features-grid{grid-template-columns:1fr}.section-header h2{font-size:28px}.why-different-content{flex-direction:column-reverse}.why-features{padding-right:0}.pricing-grid{grid-template-columns:1fr;max-width:360px}.pricing-card.featured{order:-1}.faq-grid{grid-template-columns:1fr;gap:0}.cta-box-inner{flex-direction:column}.cta-box-image{flex:auto;width:100%}.cta-box-content{padding:30px}.tabs-content{flex-direction:column}.testimonial-text{font-size:20px}.contact-content{flex-direction:column}.contact-image{flex:auto;width:100%;max-width:300px}.footer-grid{grid-template-columns:1fr;gap:30px}.newsletter-form{flex-direction:column}}@media (max-width: 480px){.hero-section h1{font-size:26px}.pricing-card{padding:40px 25px}.price{font-size:42px}.cta-box-content h3{font-size:22px}}.login-page{display:flex;min-height:100vh;background:#f8fafc}.login-left{flex:1;display:flex;flex-direction:column;padding:40px;background:#fff;position:relative}.back-link{display:inline-flex;align-items:center;gap:8px;color:#64748b;font-weight:500;margin-bottom:40px;transition:all .2s;text-decoration:none;width:fit-content}.back-link:hover{color:#244066;transform:translate(-4px)}.login-content{max-width:400px;margin:auto;width:100%}.login-header{text-align:center;margin-bottom:40px}.login-header .logo{display:flex;justify-content:center;margin-bottom:24px}.login-header .logo img{height:60px;width:auto;object-fit:contain}.login-header h1{font-size:28px;font-weight:800;color:#0f172a;margin-bottom:8px}.login-header p{color:#64748b;font-size:1rem}.login-form{margin-bottom:30px}.login-form .form-label{display:block;font-size:.875rem;font-weight:600;color:#374151;margin-bottom:8px}.login-form .form-control{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;color:#1f2937;background:#f9fafb;transition:all .2s ease;outline:none}.login-form .form-control:focus{border-color:#244066;background:#fff;box-shadow:0 0 0 4px #2440661a}.login-form .form-control::placeholder{color:#9ca3af}.error-message{padding:14px 18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.9rem;font-weight:500;margin-bottom:20px;display:flex;align-items:center;gap:8px}.error-message:before{content:"⚠️"}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none}.btn-primary{background:linear-gradient(135deg,#244066,#1e3a5f);color:#fff;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:linear-gradient(135deg,#f2421b,#dc3910);transform:translateY(-2px);box-shadow:0 8px 25px #f2421b66}.btn-primary:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-outline{background:transparent;border:2px solid #e5e7eb;color:#374151}.btn-outline:hover{border-color:#244066;color:#244066;background:#2440660d}.btn-block{width:100%}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-right:8px}.demo-section{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.demo-section p{color:#64748b;font-size:14px;margin-bottom:12px}.demo-hint{margin-top:16px;font-size:13px;color:#9ca3af}.demo-hint code{background:#f1f5f9;padding:4px 10px;border-radius:6px;font-family:SF Mono,Monaco,monospace;color:#475569}.login-right{flex:1;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);display:flex;align-items:center;justify-content:center;padding:60px;position:relative;overflow:hidden}.login-right:before{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(242,66,27,.15) 0%,transparent 60%);top:-200px;right:-200px;animation:float 20s ease-in-out infinite}.login-right:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(36,64,102,.2) 0%,transparent 60%);bottom:-100px;left:-100px;animation:float 15s ease-in-out infinite reverse}.showcase{color:#fff;position:relative;z-index:1;text-align:center;max-width:500px}.showcase-content h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:40px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.feature-list{list-style:none;text-align:left;margin:0 0 40px;padding:0}.feature-list li{display:flex;align-items:center;gap:16px;padding:16px 20px;font-size:1rem;color:#e2e8f0;background:#ffffff0d;border-radius:12px;margin-bottom:12px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.feature-list li:hover{background:#ffffff14;transform:translate(8px);border-color:#f2421b4d}.feature-list svg{color:#f2421b;flex-shrink:0}.mock-dashboard{background:#ffffff14;border-radius:20px;padding:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-wrap:wrap;gap:20px;justify-content:center;border:1px solid rgba(255,255,255,.1)}.mock-stat{text-align:center;padding:20px 30px;background:#ffffff14;border-radius:16px;min-width:120px}.mock-stat-value{font-size:28px;font-weight:800;color:#f2421b}.mock-stat-label{font-size:13px;color:#94a3b8;margin-top:4px}.mock-chart{width:100%;height:80px;background:linear-gradient(180deg,rgba(34,197,94,.3) 0%,transparent 100%);border-radius:12px;position:relative;margin-top:10px}.mock-chart:before{content:"";position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(90deg,transparent 0%,rgba(34,197,94,.5) 20%,rgba(34,197,94,.3) 40%,rgba(34,197,94,.6) 60%,rgba(34,197,94,.4) 80%,transparent 100%);border-radius:12px}@media (max-width: 992px){.login-right{display:none}.login-left{background:linear-gradient(180deg,#fff,#f8fafc)}}@media (max-width: 576px){.login-left{padding:20px}.login-header h1{font-size:24px}.login-content{max-width:100%}}[dir=rtl] .back-link{flex-direction:row-reverse}[dir=rtl] .back-link:hover{transform:translate(4px)}[dir=rtl] .feature-list li:hover{transform:translate(-8px)}.register-page{min-height:100vh;display:flex;background:linear-gradient(135deg,#0f172a,#1e293b,#0f172a);position:relative;overflow:hidden}.register-page:before{content:"";position:absolute;width:800px;height:800px;background:radial-gradient(circle,rgba(242,66,27,.15) 0%,transparent 70%);top:-300px;right:-200px;animation:float 20s ease-in-out infinite}.register-page:after{content:"";position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(36,64,102,.2) 0%,transparent 70%);bottom:-200px;left:-100px;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-30px) rotate(5deg)}50%{transform:translate(-20px,20px) rotate(-5deg)}75%{transform:translate(20px,30px) rotate(3deg)}}.register-container{display:flex;width:100%;max-width:1400px;margin:0 auto;position:relative;z-index:1}.register-features{flex:1;padding:60px;display:flex;flex-direction:column;justify-content:center;color:#fff}.register-features .brand-logo{margin-bottom:60px}.register-features .brand-logo img{height:50px;filter:brightness(0) invert(1)}.register-features h2{font-size:2.5rem;font-weight:800;line-height:1.2;margin-bottom:16px;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-features .tagline{font-size:1.1rem;color:#94a3b8;margin-bottom:50px;line-height:1.6}.features-list{list-style:none;padding:0;margin:0}.features-list li{display:flex;gap:20px;margin-bottom:32px;padding:24px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.05);transition:all .3s ease}.features-list li:hover{background:#ffffff0f;border-color:#f2421b4d;transform:translate(8px)}.feature-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.feature-icon.gradient-1{background:linear-gradient(135deg,#f2421b,#ff6b4a)}.feature-icon.gradient-2{background:linear-gradient(135deg,#244066,#3b5998)}.feature-icon.gradient-3{background:linear-gradient(135deg,#10b981,#34d399)}.feature-icon.gradient-4{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.feature-content strong{display:block;font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:6px}.feature-content p{font-size:.9rem;color:#94a3b8;line-height:1.5;margin:0}.stats-bar{display:flex;gap:40px;margin-top:50px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1)}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;color:#f2421b;display:block}.stat-label{font-size:.85rem;color:#64748b;text-transform:uppercase;letter-spacing:1px}.register-form-section{flex:1;display:flex;align-items:center;justify-content:center;padding:40px}.register-card{width:100%;max-width:480px;background:#fff;border-radius:24px;padding:48px;box-shadow:0 25px 80px #0000004d;position:relative;overflow:hidden}.register-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#244066,#f2421b)}.register-header{text-align:center;margin-bottom:36px}.register-header h1{font-size:1.75rem;font-weight:800;color:#0f172a;margin-bottom:8px}.register-header p{color:#64748b;font-size:.95rem}.register-form{display:flex;flex-direction:column;gap:20px}.register-form .form-group{display:flex;flex-direction:column;gap:8px}.register-form label{font-size:.875rem;font-weight:600;color:#374151;display:flex;align-items:center;gap:4px}.register-form label .required{color:#f2421b}.register-form input,.register-form select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;color:#1f2937;background:#f9fafb;transition:all .2s ease;outline:none}.register-form input:focus,.register-form select:focus{border-color:#244066;background:#fff;box-shadow:0 0 0 4px #2440661a}.register-form input::placeholder{color:#9ca3af}.register-form select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:18px;padding-right:48px}.register-error{padding:14px 18px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:10px}.register-error:before{content:"⚠️"}.register-btn{width:100%;padding:16px 24px;background:linear-gradient(135deg,#244066,#1e3a5f);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;position:relative;overflow:hidden}.register-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.register-btn:hover:before{left:100%}.register-btn:hover{background:linear-gradient(135deg,#f2421b,#dc3910);transform:translateY(-2px);box-shadow:0 8px 25px #f2421b66}.register-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.register-btn .spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.trial-benefits{display:flex;justify-content:center;gap:20px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.trial-benefits span{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#6b7280}.trial-benefits .check-icon{color:#10b981;font-size:1rem}.register-footer{margin-top:28px;text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.register-footer p{color:#6b7280;font-size:.9rem;margin-bottom:12px}.register-footer a{color:#244066;font-weight:600;text-decoration:none;transition:color .2s}.register-footer a:hover{color:#f2421b}.back-home{display:inline-flex;align-items:center;gap:6px;color:#9ca3af!important;font-size:.85rem;font-weight:500!important}.back-home:hover{color:#244066!important}.trusted-section{margin-top:40px;text-align:center}.trusted-section p{font-size:.75rem;color:#9ca3af;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:16px}.trusted-logos{display:flex;justify-content:center;gap:24px;opacity:.5}@media (max-width: 1200px){.register-features{padding:40px}.register-features h2{font-size:2rem}}@media (max-width: 992px){.register-container{flex-direction:column}.register-features{display:none}.register-form-section{min-height:100vh;padding:20px}.register-card{padding:32px}}@media (max-width: 576px){.form-row{grid-template-columns:1fr}.register-card{padding:24px;border-radius:16px}.trial-benefits{flex-direction:column;gap:8px;align-items:center}}[dir=rtl] .register-features{text-align:right}[dir=rtl] .features-list li:hover{transform:translate(-8px)}[dir=rtl] .register-form select{background-position:left 16px center;padding-left:48px;padding-right:16px}.dashboard{padding:0;max-width:1600px;margin:0 auto}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding:28px 32px;background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);border-radius:20px;color:#fff;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,255,255,.08) 0%,transparent 70%);pointer-events:none}.dashboard-header:after{content:"";position:absolute;bottom:-30%;left:10%;width:300px;height:300px;background:radial-gradient(circle,rgba(242,66,27,.15) 0%,transparent 70%);pointer-events:none}.greeting-time{display:flex;align-items:center;gap:8px;font-size:.85rem;opacity:.85;margin-bottom:8px}.greeting-time svg{width:14px;height:14px}.date-divider{opacity:.5}.welcome-section h1{font-size:1.85rem;font-weight:700;margin:0;letter-spacing:-.02em;position:relative;z-index:1}.welcome-subtitle{margin:6px 0 0;opacity:.8;font-size:.95rem;position:relative;z-index:1}.header-actions{position:relative;z-index:1}.btn-primary{display:flex;align-items:center;gap:8px;background:var(--accent);color:#fff;padding:12px 24px;border-radius:12px;font-weight:600;font-size:.9rem;text-decoration:none;transition:all .2s ease;box-shadow:0 4px 15px #f2421b4d}.btn-primary:hover{background:#d93a18;transform:translateY(-2px);box-shadow:0 6px 20px #f2421b66}.metrics-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:20px}.metric-card{background:#fff;border-radius:16px;padding:20px 24px;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a;border:1px solid var(--gray-100);transition:all .3s ease}.metric-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000014}.metric-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%}.metric-card.primary:before{background:linear-gradient(180deg,var(--accent) 0%,#ff6b4a 100%)}.metric-card.secondary:before{background:linear-gradient(180deg,#8b5cf6,#a78bfa)}.metric-card.tertiary:before{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.metric-card.success:before{background:linear-gradient(180deg,#22c55e,#4ade80)}.metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.metric-card.primary .metric-icon{background:#f2421b1a;color:var(--accent)}.metric-card.secondary .metric-icon{background:#8b5cf61a;color:#8b5cf6}.metric-card.tertiary .metric-icon{background:#3b82f61a;color:#3b82f6}.metric-card.success .metric-icon{background:#22c55e1a;color:#22c55e}.metric-content{display:flex;flex-direction:column;gap:4px}.metric-value{font-size:1.75rem;font-weight:700;color:var(--gray-900);line-height:1.2}.metric-label{font-size:.85rem;color:var(--gray-500);font-weight:500}.metric-trend{display:flex;align-items:center;gap:4px;font-size:.8rem;margin-top:12px;padding:4px 8px;border-radius:6px;width:fit-content}.metric-trend.positive{color:#22c55e;background:#22c55e1a}.metric-amount{font-size:.9rem;color:var(--gray-600);margin-top:8px;font-weight:500}.metric-progress{height:6px;background:var(--gray-100);border-radius:3px;margin-top:12px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .5s ease}.metric-badge{display:flex;align-items:center;gap:4px;font-size:.8rem;color:#22c55e;margin-top:8px}.quick-stats-bar{display:flex;gap:16px;padding:16px 24px;background:#fff;border-radius:14px;margin-bottom:24px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--gray-100);flex-wrap:wrap}.quick-stat{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:10px;background:var(--gray-50);flex:1;min-width:130px}.quick-stat svg{color:var(--gray-400)}.quick-stat.warning svg{color:#f59e0b}.quick-stat.info svg{color:#3b82f6}.quick-stat.success svg{color:#22c55e}.quick-stat .stat-number{font-size:1.1rem;font-weight:700;color:var(--gray-800)}.quick-stat .stat-label{font-size:.8rem;color:var(--gray-500)}.charts-row{display:grid;grid-template-columns:1.6fr 1fr;gap:20px;margin-bottom:24px}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--gray-100)}.chart-header h3{font-size:1.1rem;font-weight:600;color:var(--gray-900);margin:0}.chart-header p{font-size:.85rem;color:var(--gray-500);margin:4px 0 0}.chart-filter{padding:8px 12px;border-radius:8px;border:1px solid var(--gray-200);font-size:.85rem;color:var(--gray-600);background:#fff;cursor:pointer}.chart-filter:focus{outline:none;border-color:var(--primary)}.pipeline-total{display:flex;justify-content:space-between;align-items:center;padding:16px 0 0;margin-top:16px;border-top:1px solid var(--gray-100)}.total-label{font-size:.9rem;color:var(--gray-500)}.total-value{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.empty-chart{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--gray-400);text-align:center}.empty-chart svg{margin-bottom:12px;opacity:.5}.empty-chart p{margin:0 0 16px;font-size:.95rem}.btn-secondary-sm{padding:8px 16px;background:var(--gray-100);color:var(--gray-600);border-radius:8px;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s ease}.btn-secondary-sm:hover{background:var(--gray-200)}.dashboard-row{display:grid;grid-template-columns:1.2fr 1fr;gap:20px;margin-bottom:24px}.activity-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--gray-100)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-header h3{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:600;color:var(--gray-900);margin:0}.card-header h3 svg{color:var(--primary)}.view-all{display:flex;align-items:center;gap:4px;font-size:.85rem;color:var(--primary);text-decoration:none;font-weight:500}.view-all:hover{color:var(--accent)}.activity-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.activity-item{padding:20px;border-radius:12px;background:var(--gray-50);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s ease}.activity-item:hover{transform:translateY(-2px)}.activity-item.overdue{background:#ef444414}.activity-item.today{background:#3b82f614}.activity-item.upcoming{background:#22c55e14}.activity-icon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.activity-item.overdue .activity-icon{background:#ef444426;color:#ef4444}.activity-item.today .activity-icon{background:#3b82f626;color:#3b82f6}.activity-item.upcoming .activity-icon{background:#22c55e26;color:#22c55e}.activity-info{display:flex;flex-direction:column;gap:4px}.activity-count{font-size:1.5rem;font-weight:700;color:var(--gray-900)}.activity-label{font-size:.8rem;color:var(--gray-500);font-weight:500}.quick-actions-section{margin-bottom:24px}.quick-actions-section h3{font-size:1.1rem;font-weight:600;color:var(--gray-800);margin:0 0 16px}.quick-actions-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.quick-action-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px;background:#fff;border-radius:14px;text-decoration:none;color:var(--gray-700);transition:all .2s ease;box-shadow:0 2px 8px #0000000a;border:1px solid var(--gray-100)}.quick-action-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000014;border-color:var(--primary);color:var(--primary)}.quick-action-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,var(--gray-50) 0%,var(--gray-100) 100%);display:flex;align-items:center;justify-content:center;color:var(--primary);transition:all .2s ease}.quick-action-card:hover .quick-action-icon{background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);color:#fff}.quick-action-card span{font-size:.85rem;font-weight:500}.recent-data-row{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.recent-card{background:#fff;border-radius:16px;box-shadow:0 2px 12px #0000000a;border:1px solid var(--gray-100);overflow:hidden}.recent-card .card-header{padding:20px 24px;border-bottom:1px solid var(--gray-100);margin-bottom:0}.recent-card .card-body{padding:16px 24px 24px}.recent-list{display:flex;flex-direction:column;gap:12px}.recent-item{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;transition:background .2s ease}.recent-item:hover{background:var(--gray-50)}.recent-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--primary) 0%,#3d5a80 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600;flex-shrink:0}.recent-deal-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.recent-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recent-info strong{font-size:.9rem;font-weight:600;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-info span{font-size:.8rem;color:var(--gray-500)}.status-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:500;text-transform:capitalize}.status-badge.new{background:#3b82f61a;color:#3b82f6}.status-badge.qualified{background:#8b5cf61a;color:#8b5cf6}.status-badge.converted{background:#22c55e1a;color:#22c55e}.status-badge.contacted{background:#f59e0b1a;color:#f59e0b}.status-badge.lost{background:#ef44441a;color:#ef4444}.recent-amount{font-size:.9rem;font-weight:600;color:var(--gray-800)}.empty-state-mini{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--gray-400)}.empty-state-mini svg{margin-bottom:12px;opacity:.5}.empty-state-mini p{margin:0;font-size:.9rem}.loading-container{display:flex;align-items:center;justify-content:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--gray-500)}.spinner-ring{width:40px;height:40px;border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1400px){.metrics-row{grid-template-columns:repeat(2,1fr)}.charts-row{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.dashboard-row,.recent-data-row{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;gap:20px;padding:20px}.metrics-row{grid-template-columns:1fr}.quick-stats-bar{flex-direction:column}.quick-stat{min-width:100%}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.activity-grid{grid-template-columns:1fr}.welcome-section h1{font-size:1.4rem}}:root{--primary: #244066;--primary-dark: #1a2f4d;--primary-light: #3a5a8a;--accent: #f2421b;--accent-light: #ff6b4a;--success: #28c76f;--warning: #ff9f43;--danger: #ea5455;--info: #00cfe8;--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--card-shadow: 0 4px 25px rgba(0, 0, 0, .06);--card-shadow-hover: 0 12px 40px rgba(0, 0, 0, .12)}.crm-page{max-width:1400px;margin:0 auto;animation:fadeInPage .4s ease}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px}.stat-card{background:#fff;border-radius:20px;padding:24px;display:flex;align-items:center;gap:18px;box-shadow:var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid transparent;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(36,64,102,.03) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow-hover);border-color:#2440661a}.stat-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0;transition:transform .3s ease}.stat-card:hover .stat-icon{transform:scale(1.08)}.stat-info{flex:1;min-width:0}.stat-info .stat-value{font-size:32px;font-weight:800;color:var(--gray-900);line-height:1;letter-spacing:-.5px}.stat-info .stat-label{font-size:13px;color:var(--gray-500);margin-top:6px;font-weight:500}.crm-card{background:#fff;border-radius:24px;box-shadow:var(--card-shadow);overflow:hidden;border:1px solid rgba(0,0,0,.04)}.crm-header{padding:24px 28px;border-bottom:1px solid var(--gray-100);display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;background:linear-gradient(135deg,#f8fafccc,#fff0)}.crm-filters{display:flex;gap:14px;flex-wrap:wrap;flex:1;align-items:center}.search-input-group{position:relative;flex:1;min-width:220px;max-width:380px}.search-input-group .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--gray-400);font-size:16px;pointer-events:none;transition:color .2s}.search-input-group input{width:100%;padding:14px 16px 14px 48px;border:2px solid var(--gray-100);border-radius:14px;font-size:14px;transition:all .25s ease;background:var(--gray-50)}.search-input-group input:hover{border-color:var(--gray-200);background:#fff}.search-input-group input:focus{outline:none;border-color:var(--primary);background:#fff;box-shadow:0 0 0 4px #2440661a}.search-input-group input:focus+.search-icon,.search-input-group input:focus~.search-icon{color:var(--primary)}.filter-select{padding:14px 40px 14px 18px;border:2px solid var(--gray-100);border-radius:14px;font-size:14px;background:var(--gray-50);min-width:160px;cursor:pointer;transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}.filter-select:hover{border-color:var(--gray-200);background-color:#fff}.filter-select:focus{outline:none;border-color:var(--primary);background-color:#fff;box-shadow:0 0 0 4px #2440661a}.btn-create{padding:14px 28px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border:none;border-radius:14px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 15px #24406640}.btn-create:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-2px);box-shadow:0 8px 25px #24406659}.btn{padding:12px 24px;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:8px;border:2px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;border-color:var(--primary)}.btn-primary:hover{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 100%);transform:translateY(-1px);box-shadow:0 4px 15px #2440664d}.btn-secondary{background:#fff;color:var(--gray-700);border-color:var(--gray-200)}.btn-secondary:hover{background:var(--gray-50);border-color:var(--gray-300)}.table-responsive{overflow-x:auto;padding:0 4px 24px}.contacts-table{width:100%;border-collapse:separate;border-spacing:0}.contacts-table th{padding:16px 20px;text-align:left;font-weight:700;color:var(--gray-500);font-size:11px;text-transform:uppercase;letter-spacing:.8px;background:linear-gradient(135deg,var(--gray-50) 0%,rgba(248,250,252,.5) 100%);border-bottom:2px solid var(--gray-100);position:sticky;top:0}.contacts-table td{padding:18px 20px;border-bottom:1px solid var(--gray-100);vertical-align:middle}.contacts-table tbody tr{transition:all .2s ease}.contacts-table tbody tr:hover{background:linear-gradient(135deg,#24406605,#2440660a)}.contacts-table tbody tr:hover td{border-bottom-color:#2440661a}.action-btns{display:flex;gap:8px;opacity:.6;transition:opacity .2s}.contacts-table tbody tr:hover .action-btns{opacity:1}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);background:var(--gray-100);color:var(--gray-500)}.action-btn.view{color:var(--primary)}.action-btn.view:hover{background:#24406626;color:var(--primary)}.action-btn.edit:hover{background:#f59e0b26;color:#d97706}.action-btn.delete{color:var(--danger)}.action-btn.delete:hover{background:#ea545526;color:#dc2626}.deal-actions,.activity-actions{display:flex;gap:8px;flex-shrink:0}.deal-actions button,.activity-actions button{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;background:#f1f5f9;color:#64748b}.deal-actions button:hover,.activity-actions button:hover{background:#244066;color:#fff;transform:scale(1.05)}.deal-actions button.delete:hover,.activity-actions button.delete:hover{background:#ea5455;color:#fff}.empty-state{text-align:center;padding:80px 40px;animation:fadeIn .4s ease}.empty-icon{display:flex;align-items:center;justify-content:center;margin:0 auto 24px;width:100px;height:100px;background:linear-gradient(135deg,var(--gray-100) 0%,var(--gray-50) 100%);border-radius:30px;color:var(--gray-400)}.empty-icon svg{width:48px;height:48px;opacity:.6}.empty-state h3{font-size:22px;font-weight:700;color:var(--gray-900);margin-bottom:10px}.empty-state p{color:var(--gray-500);margin-bottom:24px;font-size:15px}.modal-container{background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px #00000040}.modal-container.modal-sm{max-width:440px}.modal-container.large{max-width:720px}.modal-header{padding:28px 32px;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-light) 100%);color:#fff;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.modal-header:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%}.modal-header h2,.modal-header h3{font-size:22px;font-weight:700;position:relative;z-index:1}.modal-close{width:40px;height:40px;border:none;background:#ffffff26;color:#fff;border-radius:12px;font-size:28px;cursor:pointer;line-height:1;transition:all .2s;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.modal-body{padding:28px 32px;max-height:55vh;overflow-y:auto}.modal-body::-webkit-scrollbar-track{background:var(--gray-100);border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.modal-footer{padding:20px 32px;border-top:1px solid var(--gray-100);display:flex;justify-content:flex-end;gap:14px;background:var(--gray-50)}.form-label{display:block;font-size:13px;font-weight:600;color:var(--gray-700);margin-bottom:8px}.form-control{width:100%;padding:14px 16px;border:2px solid var(--gray-200);border-radius:12px;font-size:14px;transition:all .25s ease;background:#fff}.form-control:hover{border-color:var(--gray-300)}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #2440661a}.form-control::placeholder{color:var(--gray-400)}textarea.form-control{resize:vertical;min-height:100px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-hint{display:block;font-size:12px;color:var(--gray-500);margin-top:6px}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px;cursor:pointer;color:var(--gray-700)}.checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary)}.toast-notification{position:fixed;top:28px;right:28px;padding:16px 28px;border-radius:14px;font-weight:600;font-size:14px;z-index:9999;display:flex;align-items:center;gap:12px;animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 40px #0003}.toast-notification.success{background:linear-gradient(135deg,var(--success) 0%,#34d399 100%);color:#fff}.toast-notification.error{background:linear-gradient(135deg,var(--danger) 0%,#f87171 100%);color:#fff}@keyframes toastSlideIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.loading-container{display:flex;align-items:center;justify-content:center;padding:80px 40px}.spinner{width:48px;height:48px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.badge{display:inline-flex;align-items:center;padding:5px 12px;border-radius:8px;font-size:12px;font-weight:600}.badge-success{background:#28c76f26;color:var(--success)}.badge-warning{background:#ff9f4326;color:var(--warning)}.badge-danger{background:#ea545526;color:var(--danger)}.badge-info{background:#00cfe826;color:var(--info)}.badge-secondary{background:var(--gray-100);color:var(--gray-600)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.stat-card{padding:18px}.stat-info .stat-value{font-size:24px}.crm-header{flex-direction:column;align-items:stretch;padding:18px 20px}.crm-filters{flex-direction:column}.search-input-group{max-width:100%}.btn-create{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.modal-container{margin:16px;max-height:85vh}.modal-header,.modal-body{padding:20px 24px}.modal-footer{padding:16px 24px}.action-btns{opacity:1}.contacts-table{font-size:13px}.contacts-table th,.contacts-table td{padding:12px 14px}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.stat-card{padding:16px;gap:14px}.stat-icon{width:48px;height:48px}.stat-info .stat-value{font-size:22px}}[dir=rtl] .cell-primary,[dir=rtl] .action-btns,[dir=rtl] .crm-header,[dir=rtl] .crm-filters{flex-direction:row-reverse}[dir=rtl] .search-input-group .search-icon{left:auto;right:16px}[dir=rtl] .search-input-group input{padding-left:16px;padding-right:48px}[dir=rtl] .filter-select{background-position:left 14px center;padding-left:40px;padding-right:18px}[dir=rtl] .toast-notification{right:auto;left:28px}[dir=rtl] .form-row{direction:rtl}.accounts-page{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.stat-info .stat-value{font-size:28px;font-weight:800;color:#0f172a;line-height:1}.filter-select{padding:12px 36px 12px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;cursor:pointer;transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.btn-create:active{transform:translateY(0)}.account-cell{display:flex;align-items:center;gap:14px}.account-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.account-info{min-width:0}.account-name{font-weight:600;color:#0f172a;font-size:14px;margin-bottom:2px}.account-website{display:flex;align-items:center;gap:4px;color:#64748b;font-size:12px}.account-website svg{flex-shrink:0}.industry-badge{display:inline-block;padding:6px 12px;background:#f1f5f9;border-radius:8px;font-size:13px;color:#475569;font-weight:500}.contact-info{display:flex;flex-direction:column;gap:6px}.contact-item{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.contact-item svg{color:#94a3b8;flex-shrink:0}.location-cell{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.location-cell svg{color:#f2421b;flex-shrink:0}.count-cell{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 10px;background:#f8fafc;border-radius:8px;font-weight:600;color:#475569;font-size:13px}.btn-secondary{padding:12px 24px;background:#fff;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1}.alert{padding:14px 18px;border-radius:12px;font-size:14px;margin-bottom:20px;font-weight:500}.alert-success{background:#28c76f1f;color:#28c76f;border:1px solid rgba(40,199,111,.2)}.alert-error{background:#ef44441f;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.view-avatar{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:28px;flex-shrink:0}.view-title h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px}.stats-mini{display:flex;gap:16px}.stat-mini{flex:1;text-align:center;padding:16px;background:#fff;border-radius:12px}.stat-mini-value{display:block;font-size:28px;font-weight:800;color:#244066;line-height:1}.stat-mini-label{display:block;font-size:12px;color:#64748b;margin-top:6px}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.view-grid{grid-template-columns:1fr}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:18px}.card-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.filters-bar{flex-direction:column;padding:16px 20px}.search-box{max-width:100%}.filter-group,.filter-select{width:100%}.btn-create{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.modal-container{margin:16px;max-height:85vh}.data-table{font-size:13px}.data-table th,.data-table td{padding:14px 12px}.action-buttons{opacity:1}}[dir=rtl] .account-cell,[dir=rtl] .action-buttons{flex-direction:row-reverse}[dir=rtl] .view-header,[dir=rtl] .view-item{flex-direction:row-reverse}.pipelines-page{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.pipelines-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.pipeline-card{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:16px;padding:24px;border:1px solid #e2e8f0;transition:all .3s ease}.pipeline-card:hover{border-color:#244066;box-shadow:0 8px 30px #2440661f}.pipeline-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.pipeline-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pipeline-title h3{font-size:18px;font-weight:700;color:#0f172a;margin:0}.default-badge{background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;padding:4px 10px;border-radius:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.pipeline-actions{display:flex;gap:6px}.pipeline-description{color:#64748b;font-size:14px;margin-bottom:12px;line-height:1.5}.pipeline-industry{margin-bottom:16px}.pipeline-industry span{display:inline-block;background:#8b5cf61a;color:#8b5cf6;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600}.stages-container{background:#fff;border-radius:12px;padding:16px;border:1px solid #f1f5f9}.stages-header{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.stages-flow{display:flex;flex-direction:column;gap:8px}.stage-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f8fafc;border-radius:10px;position:relative}.stage-indicator{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.stage-number{font-size:11px}.stage-details{flex:1;display:flex;justify-content:space-between;align-items:center}.stage-name{font-weight:600;color:#0f172a;font-size:13px}.stage-probability{font-size:12px;font-weight:600;color:#64748b;background:#fff;padding:2px 8px;border-radius:6px}.stage-connector{position:absolute;left:26px;bottom:-12px;color:#cbd5e1;z-index:1}.modal-body{padding:28px;overflow-y:auto;flex:1;max-height:calc(90vh - 160px)}.checkbox-group{padding:16px;background:#f8fafc;border-radius:12px}.checkbox-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-weight:500;color:#334155}.stages-section{background:#f8fafc;border-radius:16px;padding:20px;margin-top:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h4{font-size:14px;font-weight:700;color:#334155;margin:0}.btn-add-stage{display:flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#334155;cursor:pointer;transition:all .2s}.btn-add-stage:hover{border-color:#244066;color:#244066}.stages-list{display:flex;flex-direction:column;gap:10px}.stage-row{display:flex;align-items:center;gap:10px;padding:12px;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.stage-drag{color:#94a3b8;cursor:grab}.color-picker{width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;padding:0;background:transparent}.color-picker::-webkit-color-swatch-wrapper{padding:0}.color-picker::-webkit-color-swatch{border-radius:8px;border:2px solid white;box-shadow:0 2px 8px #00000026}.stage-name-input{flex:1;min-width:120px}.probability-input{position:relative;width:90px}.probability-input input{padding-right:28px;text-align:right}.probability-suffix{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#64748b;font-weight:600}.stage-checkbox{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f1f5f9;border-radius:10px;cursor:pointer;color:#94a3b8;transition:all .2s}.stage-checkbox input{display:none}.stage-checkbox svg.active{color:#22c55e}.stage-checkbox:has(input:checked){background:#22c55e1a}.stage-checkbox:has(input:checked) svg{color:#22c55e}.stage-checkbox:last-of-type:has(input:checked){background:#6b72801a}.stage-checkbox:last-of-type:has(input:checked) svg{color:#6b7280}.btn-remove-stage{width:36px;height:36px;border:none;background:#f1f5f9;border-radius:10px;color:#94a3b8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-remove-stage:hover{background:#ef44441a;color:#ef4444}.btn-secondary,.pipelines-page .modal-footer .btn-secondary{padding:12px 24px;background:#f1f5f9!important;color:#475569!important;border:2px solid #e2e8f0!important;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-secondary:hover,.pipelines-page .modal-footer .btn-secondary:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}@media (max-width: 768px){.pipelines-grid{grid-template-columns:1fr}.card-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.btn-create{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.stage-row{flex-wrap:wrap}.stage-name-input{min-width:100%;order:10}.modal-container{margin:16px;max-height:85vh}}.reports-page{padding:0}.reports-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:25px 30px;background:linear-gradient(135deg,#244066,#3a5a8a);border-radius:16px;color:#fff}.header-title h1{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:700;margin:0 0 6px}.header-title p{font-size:14px;opacity:.85;margin:0}.header-actions{display:flex;gap:12px;align-items:center}.filter-group{display:flex;align-items:center;gap:8px;background:#ffffff26;padding:8px 14px;border-radius:10px}.filter-group select{background:transparent;border:none;color:#fff;font-size:14px;font-weight:500;cursor:pointer;outline:none}.filter-group select option{background:#244066;color:#fff}.btn-secondary{display:flex;align-items:center;gap:8px;background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2);padding:10px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff40}.btn-primary{display:flex;align-items:center;gap:8px;background:#f2421b;color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:#d93a18;transform:translateY(-2px);box-shadow:0 6px 20px #f2421b4d}.loading-container{display:flex;justify-content:center;align-items:center;min-height:400px}.loading-spinner{display:flex;flex-direction:column;align-items:center}.spinner-ring{width:40px;height:40px;border:3px solid #f0f0f0;border-top-color:#244066;border-radius:50%;animation:spin 1s linear infinite}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:25px}.kpi-card{background:#fff;border-radius:16px;padding:24px;display:flex;gap:18px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.04);transition:all .3s ease}.kpi-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #0000001a}.kpi-card.highlight{background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff}.kpi-card.highlight .kpi-content p{color:#fffc}.kpi-card.highlight .kpi-detail{color:#ffffffe6}.kpi-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-icon.leads{background:linear-gradient(135deg,#f2421b26,#f2421b14);color:#f2421b}.kpi-icon.conversion{background:linear-gradient(135deg,#22c55e26,#22c55e14);color:#22c55e}.kpi-icon.pipeline{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#8b5cf6}.kpi-icon.won{background:#fff3;color:#fff}.kpi-content h3{font-size:28px;font-weight:700;margin:0 0 4px;line-height:1.2}.kpi-content p{font-size:14px;color:#6b7280;margin:0 0 8px;font-weight:500}.kpi-detail{display:flex;align-items:center;gap:5px;font-size:13px;color:#22c55e}.charts-grid{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-bottom:25px}.charts-grid:last-of-type{grid-template-columns:1fr 1fr}.chart-card{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.04)}.chart-card.large{grid-column:span 1}.chart-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.chart-header h3{font-size:18px;font-weight:600;color:#1f2937;margin:0 0 4px}.chart-header p{font-size:13px;color:#9ca3af;margin:0}.chart-body{height:280px;position:relative}.conversion-chart{display:flex;align-items:center;justify-content:center;position:relative}.conversion-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-60%);text-align:center}.conversion-rate{display:block;font-size:36px;font-weight:700;color:#22c55e;line-height:1}.conversion-label{display:block;font-size:12px;color:#9ca3af;margin-top:4px}.performers-section{background:#fff;border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d;border:1px solid rgba(0,0,0,.04)}.performers-section h3{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;color:#1f2937;margin:0 0 20px}.performers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.performer-card{display:flex;align-items:center;gap:14px;padding:16px;background:#f9fafb;border-radius:12px;transition:all .2s ease}.performer-card:hover{background:#f3f4f6}.performer-rank{width:32px;height:32px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.performer-card:first-child .performer-rank{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1f2937}.performer-avatar{width:44px;height:44px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#4f46e5;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;flex-shrink:0}.performer-info{flex:1;min-width:0}.performer-info strong{display:block;font-size:14px;font-weight:600;color:#1f2937;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.performer-info span{font-size:12px;color:#9ca3af}.performer-revenue{font-size:15px;font-weight:700;color:#22c55e}.empty-performers{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#9ca3af}.empty-performers svg{opacity:.5;margin-bottom:10px}.empty-performers p{font-size:14px;margin:0}@media (max-width: 1200px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.charts-grid{grid-template-columns:1fr}.charts-grid:last-of-type{grid-template-columns:1fr}}@media (max-width: 992px){.reports-header{flex-direction:column;align-items:flex-start;gap:20px}.header-actions{width:100%;flex-wrap:wrap}}@media (max-width: 576px){.kpi-grid,.performers-grid{grid-template-columns:1fr}.header-actions{flex-direction:column;align-items:stretch}.filter-group{justify-content:space-between}}[dir=rtl] .reports-header,[dir=rtl] .kpi-card,[dir=rtl] .performer-card,[dir=rtl] .header-actions{flex-direction:row-reverse}.quotes-page{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.filters-bar{padding:14px 24px;display:flex;gap:14px;align-items:center;background:#f8fafc;border-bottom:1px solid #f1f5f9;flex-wrap:wrap}.search-box{position:relative;flex:1;max-width:400px}.search-box .search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;pointer-events:none}.search-box input{width:100%;padding:12px 14px 12px 44px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;transition:all .25s ease}.search-box input:hover{border-color:#cbd5e1}.search-box input:focus{outline:none;border-color:#244066;box-shadow:0 0 0 4px #2440661a}.filter-group{display:flex;align-items:center;gap:8px;color:#64748b}.filter-select{padding:12px 36px 12px 14px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;background:#fff;cursor:pointer;transition:all .25s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{outline:none;border-color:#244066;box-shadow:0 0 0 4px #2440661a}.table-container{padding:0;overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.data-table th{padding:16px 20px;text-align:left;font-weight:700;color:#475569;font-size:11px;text-transform:uppercase;letter-spacing:.8px;border-bottom:2px solid #e2e8f0}.data-table td{padding:18px 20px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.data-table tbody tr{transition:all .2s ease}.data-table tbody tr:hover{background:linear-gradient(135deg,#24406605,#2440660a)}.data-table tbody tr:last-child td{border-bottom:none}.quote-cell{display:flex;align-items:center;gap:14px}.quote-avatar{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.quote-info{min-width:0}.quote-number{font-weight:600;color:#0f172a;font-size:14px;font-family:Monaco,Menlo,monospace;margin-bottom:2px}.quote-subject{color:#64748b;font-size:13px}.account-link{display:flex;align-items:center;gap:6px;color:#244066;font-size:14px}.account-link svg{color:#64748b}.text-muted{color:#94a3b8}.amount-cell .amount{font-weight:700;color:#0f172a;font-size:14px}.date-cell{display:flex;align-items:center;gap:6px;color:#64748b;font-size:13px}.date-cell svg{color:#f2421b}.status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:8px;font-size:12px;font-weight:600;text-transform:capitalize}.status-success{background:#28c76f1f;color:#28c76f}.status-secondary{background:#f1f5f9;color:#64748b}.status-warning{background:#ff9f431f;color:#ff9f43}.status-info{background:#00cfe81f;color:#00cfe8}.status-danger{background:#ef44441f;color:#ef4444}.action-buttons{display:flex;gap:8px;opacity:.6;transition:opacity .2s}.data-table tbody tr:hover .action-buttons{opacity:1}.action-btn.view{color:#244066}.action-btn.view:hover{background:#24406626}.action-btn.edit{color:#f59e0b}.action-btn.edit:hover{background:#f59e0b26}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#ef444426}.form-input.total-input{background:#f8fafc;font-weight:700;color:#244066}.form-section{background:#f8fafc;border-radius:12px;padding:20px;margin-bottom:20px}.form-section h4{font-size:14px;font-weight:700;color:#334155;margin:0 0 16px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pricing-grid .form-group{margin-bottom:0}.btn-secondary{padding:12px 24px;background:#f1f5f9;color:#475569;border:2px solid #e2e8f0;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-secondary:hover{background:#e2e8f0;border-color:#cbd5e1}.quotes-page .btn-secondary{background:#f1f5f9!important;color:#475569!important}.view-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid #f1f5f9}.view-avatar{width:72px;height:72px;border-radius:20px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.view-title h2{font-size:24px;font-weight:700;color:#0f172a;margin:0 0 8px;font-family:Monaco,Menlo,monospace}.view-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.view-section{background:#f8fafc;border-radius:16px;padding:20px}.view-section h4{font-size:13px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px}.view-item{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.view-item:last-child{margin-bottom:0}.view-item svg{color:#244066;margin-top:2px;flex-shrink:0}.view-item label{display:block;font-size:11px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.view-item p{font-size:14px;color:#0f172a;margin:0;line-height:1.5}.pricing-summary{background:#fff;border-radius:12px;padding:16px}.price-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#64748b;border-bottom:1px solid #f1f5f9}.price-row:last-child{border-bottom:none}.price-row.discount{color:#28c76f}.price-row.total{font-weight:700;color:#0f172a;font-size:16px;padding-top:12px;border-top:2px solid #e2e8f0;border-bottom:none;margin-top:8px}.price-row.total span:last-child{color:#244066}.view-notes{margin-top:24px}.note-block{background:#f8fafc;border-radius:12px;padding:16px;margin-bottom:16px}.note-block:last-child{margin-bottom:0}.note-block h4{font-size:12px;font-weight:700;color:#64748b;text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.note-block p{font-size:14px;color:#334155;margin:0;line-height:1.6}@media (max-width: 1024px){.view-grid{grid-template-columns:1fr}.pricing-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.filters-bar{flex-direction:column;padding:16px 20px}.search-box{max-width:100%}.filter-group,.filter-select{width:100%}.btn-create{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.pricing-grid{grid-template-columns:1fr 1fr}.modal-container{margin:16px;max-height:85vh}.action-buttons{opacity:1}}@media (max-width: 480px){.stats-grid,.pricing-grid{grid-template-columns:1fr}}[dir=rtl] .quote-cell,[dir=rtl] .action-buttons{flex-direction:row-reverse}[dir=rtl] .search-box .search-icon{left:auto;right:14px}[dir=rtl] .search-box input{padding-left:14px;padding-right:44px}[dir=rtl] .filter-select{background-position:left 10px center;padding-left:36px;padding-right:14px}[dir=rtl] .modal-footer{justify-content:flex-start}[dir=rtl] .view-header,[dir=rtl] .view-item,[dir=rtl] .price-row{flex-direction:row-reverse}.custom-fields-page{max-width:1400px;margin:0 auto;animation:fadeIn .4s ease}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}.stat-card{background:#fff;border-radius:16px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 12px #0000000f;transition:all .3s ease;border:1px solid rgba(0,0,0,.04)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0000001a}.stat-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.primary{background:linear-gradient(135deg,#2440661f,#2440662e);color:#244066}.stat-icon.success{background:linear-gradient(135deg,#28c76f1f,#28c76f2e);color:#28c76f}.stat-icon.warning{background:linear-gradient(135deg,#ff9f431f,#ff9f432e);color:#ff9f43}.stat-icon.info{background:linear-gradient(135deg,#00cfe81f,#00cfe82e);color:#00cfe8}.stat-info .stat-value{font-size:24px;font-weight:800;color:#0f172a;line-height:1}.stat-info .stat-label{font-size:13px;color:#64748b;margin-top:6px;font-weight:500}.page-card{background:#fff;border-radius:20px;box-shadow:0 4px 20px #0000000f;overflow:hidden;border:1px solid rgba(0,0,0,.04)}.card-header{padding:24px 28px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fafbfc,#fff)}.header-left{display:flex;align-items:center;gap:12px}.header-left h2{font-size:20px;font-weight:700;color:#0f172a;margin:0}.count-badge{background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.filters-bar{padding:16px 24px;background:#f8fafc;border-bottom:1px solid #f1f5f9}.entity-tabs{display:flex;gap:8px;flex-wrap:wrap}.entity-tab{padding:10px 18px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .25s ease}.entity-tab:hover{border-color:var(--entity-color, #244066);color:var(--entity-color, #244066)}.entity-tab.active{background:var(--entity-color, #244066);border-color:var(--entity-color, #244066);color:#fff}.btn-create{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #24406640}.btn-create:hover{transform:translateY(-2px);box-shadow:0 6px 20px #24406659}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;gap:16px}.loading-state p{color:#64748b;font-size:14px}.spinner{width:40px;height:40px;border:4px solid #e2e8f0;border-top-color:#244066;border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;padding:80px 40px}.empty-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:28px;color:#94a3b8}.empty-state h3{font-size:20px;font-weight:700;color:#0f172a;margin-bottom:8px}.empty-state p{color:#64748b;margin-bottom:24px}.fields-container{display:flex;flex-direction:column;gap:24px}.entity-section{background:linear-gradient(135deg,#fafbfc,#fff);border-radius:16px;padding:20px;border:1px solid #e2e8f0}.entity-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.entity-indicator{width:4px;height:28px;border-radius:4px;background:var(--entity-color, #244066)}.entity-header h3{font-size:16px;font-weight:700;color:#0f172a;margin:0;text-transform:capitalize;flex:1}.entity-count{font-size:12px;color:#64748b;font-weight:500}.fields-list{display:flex;flex-direction:column;gap:10px}.field-card{display:flex;align-items:center;gap:14px;padding:16px;background:#fff;border-radius:12px;border:1px solid #f1f5f9;transition:all .25s ease}.field-card:hover{border-color:#244066;box-shadow:0 4px 15px #24406614}.field-card.inactive{opacity:.5}.field-drag{color:#94a3b8;cursor:grab}.field-type-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#24406614;color:var(--entity-color, #244066);flex-shrink:0}.field-info{flex:1;min-width:0}.field-label{font-weight:600;color:#0f172a;font-size:14px;display:flex;align-items:center;gap:6px}.required-mark{color:#f2421b;font-weight:700}.field-meta{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.field-name-badge,.field-type-badge,.field-section-badge{font-size:11px;padding:3px 8px;border-radius:6px;font-weight:500}.field-name-badge{background:#f1f5f9;color:#64748b;font-family:Monaco,Menlo,monospace}.field-type-badge{background:#2440661a;color:#244066;text-transform:capitalize}.field-section-badge{background:#8b5cf61a;color:#8b5cf6}.field-actions{display:flex;gap:6px;opacity:.5;transition:opacity .2s}.field-card:hover .field-actions{opacity:1}.action-btn{width:40px;height:40px;border-radius:10px;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s ease;background:#f1f5f9;color:#64748b}.action-btn:hover{transform:scale(1.1)}.action-btn.edit:hover{background:#f59e0b26;color:#f59e0b}.action-btn.delete:hover{background:#ef444426;color:#ef4444}.toast-notification{position:fixed;top:24px;right:24px;padding:14px 24px;border-radius:12px;font-weight:600;font-size:14px;z-index:9999;display:flex;align-items:center;gap:10px;animation:toastIn .3s ease;box-shadow:0 10px 40px #0003}.toast-notification.success{background:linear-gradient(135deg,#28c76f,#34d399);color:#fff}.toast-notification.error{background:linear-gradient(135deg,#ef4444,#f87171);color:#fff}@keyframes toastIn{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px;animation:fadeIn .2s ease}.modal-container{background:#fff;border-radius:24px;width:100%;max-width:560px;max-height:90vh;overflow:hidden;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);box-shadow:0 25px 80px #00000040;display:flex;flex-direction:column}.modal-container.modal-lg{max-width:720px}@keyframes modalSlideUp{0%{transform:translateY(40px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{padding:24px 28px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h3{font-size:20px;font-weight:700;margin:0}.modal-close{width:36px;height:36px;border:none;background:#ffffff26;color:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.modal-close:hover{background:#ffffff40;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.modal-footer{padding:20px 28px;border-top:1px solid #f1f5f9;display:flex;justify-content:flex-end;gap:12px;background:#f8fafc;flex-shrink:0}.form-label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:#334155;margin-bottom:8px}.form-label svg{color:#64748b}.form-input{width:100%;padding:14px 16px;border:2px solid #e2e8f0;border-radius:12px;font-size:14px;transition:all .25s ease;background:#fff}.form-input:hover{border-color:#cbd5e1}.form-input:focus{outline:none;border-color:#244066;box-shadow:0 0 0 4px #2440661a}.form-input::placeholder{color:#94a3b8}.form-input:disabled{background:#f1f5f9;cursor:not-allowed}.code-input{font-family:Monaco,Menlo,monospace}textarea.form-input{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-options{display:flex;align-items:center;gap:24px;padding-top:28px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;color:#334155;font-size:14px}.checkbox-label input[type=checkbox]{width:20px;height:20px;accent-color:#244066}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#244066,#3a5a8a);color:#fff;border:none;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 15px #2440664d}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-secondary,.custom-fields-page .modal-footer .btn-secondary{padding:12px 24px;background:#f1f5f9!important;color:#475569!important;border:2px solid #e2e8f0!important;border-radius:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .25s ease}.btn-secondary:hover,.custom-fields-page .modal-footer .btn-secondary:hover{background:#e2e8f0!important;border-color:#cbd5e1!important}@media (max-width: 768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.card-header{flex-direction:column;align-items:stretch;gap:16px;padding:20px}.entity-tabs{overflow-x:auto;padding-bottom:8px}.btn-create{width:100%;justify-content:center}.form-row{grid-template-columns:1fr}.checkbox-options{flex-direction:column;align-items:flex-start;gap:12px;padding-top:0}.modal-container{margin:16px;max-height:85vh}.field-actions{opacity:1}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}.field-card{flex-wrap:wrap}.field-info{flex-basis:100%;order:1;margin-top:10px}}:root{--sa-primary: #244066;--sa-primary-dark: #1a2f4d;--sa-accent: #f2421b;--sa-success: #10b981;--sa-warning: #f59e0b;--sa-danger: #ef4444;--sa-info: #3b82f6}.super-admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%)}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.bg-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image: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.05'%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")}.login-container{position:relative;z-index:1;width:100%;max-width:440px;padding:20px}.login-card{background:#fff;border-radius:24px;padding:40px;box-shadow:0 25px 50px -12px #00000040}.login-header{text-align:center;margin-bottom:32px}.logo-container{margin-bottom:20px}.logo-container .logo{height:50px}.login-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--sa-accent) 0%,#ff6b4a 100%);color:#fff;padding:6px 14px;border-radius:20px;font-size:12px;font-weight:600;margin-bottom:16px}.login-header h1{font-size:28px;font-weight:700;color:var(--sa-primary);margin:0 0 8px}.login-header p{color:#6b7280;font-size:14px;margin:0}.error-message{background:#fef2f2;border:1px solid #fecaca;color:var(--sa-danger);padding:12px 16px;border-radius:12px;margin-bottom:20px;font-size:14px}.login-form .form-group{margin-bottom:20px}.login-form label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper>svg:first-child{position:absolute;left:14px;color:#9ca3af}.input-wrapper input{width:100%;padding:14px 14px 14px 44px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;transition:all .2s}.input-wrapper input:focus{border-color:var(--sa-primary);outline:none;box-shadow:0 0 0 4px #2440661a}.toggle-password{position:absolute;right:14px;background:none;border:none;color:#9ca3af;cursor:pointer}.login-button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px;background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.login-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2440664d}.login-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.login-footer{text-align:center;margin-top:24px}.back-link{color:var(--sa-primary);text-decoration:none;font-size:14px}.back-link:hover{text-decoration:underline}.security-note{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:#ffffffb3;font-size:13px}.loading-spinner{width:24px;height:24px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner.large{width:40px;height:40px}.super-admin-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px;color:var(--sa-primary)}.super-admin-layout{display:flex;min-height:100vh;background:#f5f7fa}.sa-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;background:linear-gradient(180deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%);display:flex;flex-direction:column;transition:transform .3s ease;z-index:100}.sa-sidebar.closed{transform:translate(-100%)}.sa-sidebar-header{padding:24px;border-bottom:1px solid rgba(255,255,255,.1)}.sa-logo img{height:40px}.sa-badge{display:inline-flex;align-items:center;gap:6px;background:var(--sa-accent);color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;margin-top:12px}.sa-nav{flex:1;padding:20px 12px;overflow-y:auto}.sa-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;color:#ffffffb3;text-decoration:none;border-radius:10px;margin-bottom:4px;transition:all .2s}.sa-nav-item:hover{background:#ffffff1a;color:#fff}.sa-nav-item.active{background:#ffffff26;color:#fff}.sa-sidebar-footer{padding:20px;border-top:1px solid rgba(255,255,255,.1)}.sa-logout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:#ffffff1a;color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:14px;transition:all .2s}.sa-logout-btn:hover{background:var(--sa-danger)}.sa-main{flex:1;margin-left:260px;transition:margin-left .3s ease}.sidebar-collapsed .sa-main{margin-left:0}.sa-topbar{position:sticky;top:0;background:#fff;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 10px #0000000d;z-index:50}.sa-topbar-left{display:flex;align-items:center;gap:16px}.sa-menu-toggle{background:none;border:none;padding:8px;cursor:pointer;color:#374151;border-radius:8px}.sa-menu-toggle:hover{background:#f3f4f6}.sa-back-to-crm{display:flex;align-items:center;gap:6px;color:var(--sa-primary);text-decoration:none;font-size:14px;padding:8px 12px;background:#24406614;border-radius:8px}.sa-back-to-crm:hover{background:#2440661f}.sa-topbar-right{display:flex;align-items:center;gap:16px}.sa-search{display:flex;align-items:center;gap:10px;background:#f3f4f6;padding:10px 16px;border-radius:10px;min-width:280px}.sa-search input{flex:1;background:none;border:none;outline:none;font-size:14px}.sa-topbar-btn{background:none;border:none;padding:10px;cursor:pointer;color:#6b7280;border-radius:10px}.sa-topbar-btn:hover{background:#f3f4f6;color:var(--sa-primary)}.sa-user-info{display:flex;align-items:center;gap:12px}.sa-user-avatar{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px}.sa-user-details{display:flex;flex-direction:column}.sa-user-name{font-weight:600;font-size:14px;color:#1f2937}.sa-user-role{font-size:12px;color:#6b7280;text-transform:capitalize}.sa-content{padding:24px}.sa-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.sa-page-header h1{font-size:28px;font-weight:700;color:var(--sa-primary);margin:0 0 4px}.sa-page-header p{color:#6b7280;margin:0;font-size:14px}.sa-primary-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%);color:#fff;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.sa-primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #24406633}.sa-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:24px}.sa-stat-card{background:#fff;border-radius:16px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:0 4px 20px #0000000d}.sa-stat-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center}.sa-stat-icon.primary{background:#2440661a;color:var(--sa-primary)}.sa-stat-icon.success{background:#10b9811a;color:var(--sa-success)}.sa-stat-icon.warning{background:#f59e0b1a;color:var(--sa-warning)}.sa-stat-icon.info{background:#3b82f61a;color:var(--sa-info)}.sa-stat-content h3{font-size:28px;font-weight:700;color:var(--sa-primary);margin:0 0 4px}.sa-stat-content p{color:#6b7280;margin:0;font-size:14px}.sa-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;margin-bottom:24px}.sa-card.large{flex:1}.sa-card-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.sa-card-header h2{font-size:18px;font-weight:600;color:var(--sa-primary);margin:0}.sa-link{display:flex;align-items:center;gap:6px;color:var(--sa-primary);text-decoration:none;font-size:14px;font-weight:500}.sa-link:hover{text-decoration:underline}.sa-dashboard-row{display:flex;gap:24px;margin-bottom:24px}.sa-overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:24px}.sa-overview-item{text-align:center;padding:20px;background:#f9fafb;border-radius:12px}.sa-overview-label{font-size:13px;color:#6b7280;margin-bottom:12px}.sa-overview-value{display:flex;align-items:center;justify-content:center;gap:8px;font-size:24px;font-weight:700;color:var(--sa-primary)}.sa-overview-value .success{color:var(--sa-success)}.sa-overview-value .warning{color:var(--sa-warning)}.sa-overview-value .primary{color:var(--sa-primary)}.sa-table-wrapper{overflow-x:auto}.sa-table{width:100%;border-collapse:collapse}.sa-table th,.sa-table td{padding:16px 20px;text-align:left;border-bottom:1px solid #f0f0f0}.sa-table th{background:#f9fafb;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase}.sa-table tr:hover{background:#f9fafb}.sa-empty-row{text-align:center;color:#9ca3af;padding:40px!important}.sa-loading-row{text-align:center;padding:40px!important}.sa-tenant-name{display:flex;align-items:center;gap:12px}.sa-tenant-avatar{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,var(--sa-primary) 0%,var(--sa-primary-dark) 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600}.sa-tenant-company{display:block;font-weight:600;color:#1f2937}.sa-tenant-email{display:block;font-size:12px;color:#6b7280}.sa-status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.sa-status-badge.success{background:#10b9811a;color:var(--sa-success)}.sa-status-badge.warning{background:#f59e0b1a;color:var(--sa-warning)}.sa-status-badge.danger{background:#ef44441a;color:var(--sa-danger)}.sa-status-badge.secondary{background:#f3f4f6;color:#6b7280}.sa-action-btn{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:all .2s}.sa-action-btn:hover{background:var(--sa-primary);color:#fff}.sa-action-btn.warning:hover{background:var(--sa-warning)}.sa-action-btn.success:hover{background:var(--sa-success)}.sa-actions{display:flex;gap:8px}.sa-filters{display:flex;gap:16px;margin-bottom:24px}.sa-search-box{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:10px;flex:1;max-width:400px;box-shadow:0 2px 10px #0000000d}.sa-search-box input{flex:1;border:none;outline:none;font-size:14px}.sa-filter-select{padding:12px 16px;border:none;background:#fff;border-radius:10px;font-size:14px;cursor:pointer;box-shadow:0 2px 10px #0000000d}.sa-user-count{display:flex;align-items:center;gap:6px;color:#6b7280}.sa-editable-value{display:flex;align-items:center;gap:6px;background:#f3f4f6;padding:6px 12px;border:none;border-radius:6px;cursor:pointer;font-size:14px}.sa-editable-value:hover{background:#e5e7eb}.sa-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200;padding:20px}.sa-modal{background:#fff;border-radius:16px;width:100%;max-width:480px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.sa-modal.large{max-width:700px}.sa-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #f0f0f0}.sa-modal-header h3{margin:0;font-size:18px;font-weight:600;color:var(--sa-primary)}.sa-modal-close{background:none;border:none;font-size:24px;color:#9ca3af;cursor:pointer}.sa-modal-body{padding:24px;overflow-y:auto}.sa-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #f0f0f0}.sa-form-group{margin-bottom:16px}.sa-form-group label{display:block;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.sa-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:14px}.sa-input:focus{border-color:var(--sa-primary);outline:none}.sa-btn{padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.sa-btn.primary{background:var(--sa-primary);color:#fff}.sa-btn.primary:hover{background:var(--sa-primary-dark)}.sa-btn.secondary{background:#f3f4f6;color:#374151}.sa-btn.secondary:hover{background:#e5e7eb}.sa-modules-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.sa-module-checkbox{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border-radius:10px;cursor:pointer;transition:all .2s}.sa-module-checkbox:hover{background:#f3f4f6}.sa-module-checkbox input{width:18px;height:18px;accent-color:var(--sa-primary)}.sa-module-info{display:flex;flex-direction:column}.sa-module-name{font-weight:500;color:#1f2937;font-size:14px}.sa-module-category{font-size:12px;color:#6b7280}@media (max-width: 1200px){.sa-stats-grid,.sa-overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.sa-sidebar{transform:translate(-100%)}.sa-sidebar.open{transform:translate(0)}.sa-main{margin-left:0}.sa-stats-grid,.sa-overview-grid{grid-template-columns:1fr}.sa-filters{flex-direction:column}.sa-search-box{max-width:100%}.sa-modules-grid{grid-template-columns:1fr}.sa-topbar-right .sa-search,.sa-user-details{display:none}}.sa-loading-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#6b7280}.chatbot-trigger{position:fixed;bottom:24px;right:24px;width:60px;height:60px;border-radius:16px;background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 8px 30px #24406666;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden}.chatbot-trigger:hover{transform:scale(1.05);box-shadow:0 12px 40px #24406680;width:auto;padding:0 24px}.chatbot-trigger .trigger-label{max-width:0;overflow:hidden;white-space:nowrap;font-size:.9rem;font-weight:600;transition:all .3s ease}.chatbot-trigger:hover .trigger-label{max-width:120px;margin-left:4px}.chatbot-trigger.open{width:48px;height:48px;border-radius:12px;background:var(--gray-600)}.chatbot-trigger.open:hover{width:48px;padding:0}.chatbot-trigger svg{flex-shrink:0}.chatbot-trigger:after{content:"";position:absolute;width:100%;height:100%;border-radius:16px;background:var(--primary);animation:pulse 2s infinite;z-index:-1}.chatbot-trigger.open:after{display:none}@keyframes pulse{0%{transform:scale(1);opacity:.4}70%{transform:scale(1.3);opacity:0}to{transform:scale(1);opacity:0}}.chatbot-window{position:fixed;bottom:100px;right:24px;width:400px;max-height:600px;background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026,0 0 0 1px #0000000d;display:flex;flex-direction:column;z-index:999;animation:slideUp .3s cubic-bezier(.4,0,.2,1);overflow:hidden}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chatbot-header{display:flex;align-items:center;gap:12px;padding:16px 20px;background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);color:#fff}.chatbot-avatar{width:42px;height:42px;border-radius:12px;background:#ffffff26;display:flex;align-items:center;justify-content:center}.chatbot-info{flex:1}.chatbot-info h4{margin:0;font-size:1rem;font-weight:600}.status-online{font-size:.75rem;opacity:.8;display:flex;align-items:center;gap:6px}.status-online:before{content:"";width:6px;height:6px;background:#22c55e;border-radius:50%}.reset-btn{width:36px;height:36px;border-radius:10px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.reset-btn:hover{background:#fff3}.chatbot-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;max-height:380px;min-height:300px}.message{display:flex;gap:10px;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.message.user{flex-direction:row-reverse}.message-avatar{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary) 0%,#3d5a80 100%);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.message-content{max-width:80%}.message-text{padding:12px 16px;border-radius:16px;font-size:.9rem;line-height:1.5}.message.bot .message-text{background:var(--gray-100);color:var(--gray-800);border-bottom-left-radius:6px}.message.user .message-text{background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);color:#fff;border-bottom-right-radius:6px}.message-text strong{font-weight:600;color:var(--accent)}.message.user .message-text strong{color:#fbbf24}.message-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.action-btn{padding:8px 14px;background:#fff;border:1px solid var(--primary);color:var(--primary);border-radius:8px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s ease}.action-btn:hover{background:var(--primary);color:#fff}.gpt-badge{background:#fff3;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:500;letter-spacing:.5px}.gpt-indicator{display:inline-flex;align-items:center;gap:4px;font-size:.65rem;color:var(--gray-400);margin-top:6px;padding:2px 6px;background:var(--gray-50);border-radius:4px;border:1px solid var(--gray-200)}.gpt-indicator svg{color:#10a37f}.chatbot-footer{padding:8px 20px;background:var(--gray-50);border-top:1px solid var(--gray-100);text-align:center}.chatbot-footer small{font-size:.7rem;color:var(--gray-400)}.bullet-point{display:block;padding-left:4px}.typing-indicator{display:flex;gap:4px;padding:12px 16px;background:var(--gray-100);border-radius:16px 16px 16px 6px}.typing-indicator span{width:8px;height:8px;background:var(--gray-400);border-radius:50%;animation:typing 1.4s infinite ease-in-out}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.quick-suggestions{display:flex;gap:8px;padding:0 20px 16px;flex-wrap:wrap}.suggestion-btn{padding:8px 14px;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:20px;font-size:.8rem;color:var(--gray-600);cursor:pointer;transition:all .2s ease}.suggestion-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.chatbot-input{display:flex;gap:10px;padding:16px 20px;border-top:1px solid var(--gray-100);background:var(--gray-50)}.chatbot-input input{flex:1;padding:12px 16px;border:1px solid var(--gray-200);border-radius:12px;font-size:.9rem;background:#fff;transition:all .2s ease}.chatbot-input input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2440661a}.chatbot-input input::placeholder{color:var(--gray-400)}.send-btn{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,var(--primary) 0%,#1a3150 100%);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 15px #2440664d}.send-btn:disabled{opacity:.5;cursor:not-allowed}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}@media (max-width: 480px){.chatbot-window{width:calc(100vw - 32px);right:16px;bottom:90px;max-height:calc(100vh - 120px)}.chatbot-trigger{bottom:16px;right:16px;width:56px;height:56px}.chatbot-trigger:hover{width:56px;padding:0}.chatbot-trigger:hover .trigger-label{max-width:0}}:root{--sidebar-width: 260px;--sidebar-collapsed-width: 0px;--topbar-height: 70px;--primary-color: #244066;--primary-dark: #1a2f4d;--accent-color: #f2421b;--gradient-primary: linear-gradient(135deg, #244066 0%, #3a5a8a 100%);--gradient-accent: linear-gradient(135deg, #f2421b 0%, #ff6b4a 100%)}html,body{height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.staff-wrapper{display:flex;flex-direction:column;min-height:100vh}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1045;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}.custom-sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background:var(--gradient-primary);z-index:1050;transition:transform .3s ease,width .3s ease;overflow-y:auto;box-shadow:4px 0 20px #0000001a}.custom-sidebar.closed{transform:translate(-100%)}.sidebar-brand{padding:20px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar-brand a{display:inline-block}.sidebar-brand img{max-width:100%}.sidebar-nav{padding:20px 15px}.sidebar-nav-label{color:#ffffff80;font-size:11px;text-transform:uppercase;letter-spacing:1px;padding:15px 15px 8px;font-weight:600}.sidebar-nav-item{margin-bottom:4px}.sidebar-nav-link{display:flex;align-items:center;padding:12px 15px;color:#fffc;text-decoration:none;border-radius:10px;transition:all .2s ease;font-weight:500}.sidebar-nav-link:hover{background:#ffffff1a;color:#fff}.sidebar-nav-link.active{background:#ffffff26;color:#fff;box-shadow:0 4px 15px #0000001a}.sidebar-nav-link i{font-size:20px;margin-right:12px;width:24px;text-align:center}.custom-topbar{position:fixed;top:0;right:0;left:var(--sidebar-width);height:var(--topbar-height);background:#fff;z-index:1040;display:flex;align-items:center;justify-content:space-between;padding:0 25px;box-shadow:0 2px 15px #0000000d;transition:left .3s ease,right .3s ease}.custom-topbar.sidebar-closed{left:0}[dir=rtl] .custom-topbar{left:0;right:var(--sidebar-width)}[dir=rtl] .custom-topbar.sidebar-closed{right:0}.topbar-left{display:flex;align-items:center;gap:15px}.topbar-brand-mobile{display:flex;align-items:center}.menu-toggle{width:40px;height:40px;border:none;background:#f8f9fa;border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.menu-toggle:hover{background:var(--primary-color);color:#fff}.menu-toggle i{font-size:20px}.page-header{display:flex;flex-direction:column}.page-title{font-size:22px;font-weight:700;color:#1a1a1a;margin:0}.topbar-actions{display:flex;align-items:center;gap:15px}.role-badge{font-size:11px;padding:8px 18px;border-radius:8px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.role-badge.admin{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 15px #f2421b4d}.role-badge.staff{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 15px #2440664d}.user-menu-wrapper{display:flex;align-items:center;gap:12px;position:relative}.user-avatar-toggle{width:42px;height:42px;border-radius:12px;background:var(--gradient-primary);color:#fff;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .2s}.user-avatar-toggle:hover{transform:scale(1.05)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:#1a1a1a;font-size:14px}.user-email{font-size:12px;color:#6c757d}.user-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:#fff;border-radius:16px;box-shadow:0 10px 40px #00000026;min-width:250px;display:none;overflow:hidden;z-index:1060}.user-dropdown.show{display:block}.user-dropdown-header{padding:20px;background:var(--gradient-primary);color:#fff;display:flex;align-items:center;gap:12px}.user-dropdown-avatar{width:45px;height:45px;border-radius:12px;background:#fff3;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px}.user-dropdown-header strong{display:block;font-size:15px}.user-dropdown-header span{display:block;font-size:12px;opacity:.8}.user-dropdown-item{display:flex;align-items:center;padding:12px 20px;color:#495057;text-decoration:none;transition:background .2s;border:none;background:none;width:100%;cursor:pointer;font-size:14px}.user-dropdown-item:hover{background:#f8f9fa}.user-dropdown-item i{margin-right:12px;font-size:18px}.user-dropdown-item.danger{color:#dc3545}.main-content{margin-left:var(--sidebar-width);margin-top:var(--topbar-height);padding:25px 25px 80px;min-height:calc(100vh - var(--topbar-height));background:#f5f7fa;transition:margin-left .3s ease}.main-content.sidebar-closed{margin-left:0}.custom-footer{background:#fff;padding:16px 25px;text-align:center;color:#6c757d;font-size:13px;border-top:1px solid #e2e8f0;position:fixed;bottom:0;left:var(--sidebar-width);right:0;z-index:100;box-shadow:0 -2px 10px #0000000d;transition:left .3s ease}.custom-footer.sidebar-closed{left:0}@media (max-width: 991px){.custom-sidebar{transform:translate(-100%)}.custom-sidebar.open{transform:translate(0)}.custom-topbar{left:0;padding:0 15px}.main-content{margin-left:0;padding:15px 15px 70px}.custom-footer{left:0;padding:12px 15px;font-size:12px}.page-title{font-size:18px}.user-info{display:none}.role-badge{font-size:10px;padding:4px 10px}}@media (max-width: 576px){.custom-topbar{padding:0 10px}.main-content{padding:10px 10px 65px}.page-title{font-size:16px}.menu-toggle{width:36px;height:36px}.user-avatar-toggle{width:36px;height:36px;font-size:14px}.role-badge{font-size:9px;padding:3px 8px}}.card{border:none;border-radius:16px;box-shadow:0 4px 20px #0000000d;background:#fff}.card-header{background:transparent;border-bottom:1px solid #f0f0f0;padding:20px;font-weight:600}.card-body{padding:20px}.lang-switcher{position:relative;margin-right:15px}.lang-toggle{display:flex;align-items:center;gap:6px;background:#24406614;border:1px solid rgba(36,64,102,.15);border-radius:8px;padding:8px 14px;color:var(--primary-color);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.lang-toggle:hover{background:#2440661f;border-color:var(--primary-color)}.lang-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:150px;z-index:1060;overflow:hidden;animation:dropIn .2s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.lang-option{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;border:none;background:none;cursor:pointer;font-size:14px;color:#333;transition:background .2s ease}.lang-option:hover{background:#f8f9fa}.lang-option.active{background:var(--primary-color);color:#fff}.role-badge.super-admin{background:linear-gradient(135deg,gold,#ffb700);color:#333;font-weight:700;box-shadow:0 2px 10px #ffb7004d}.rtl .custom-sidebar{left:auto;right:0;box-shadow:-4px 0 20px #0000001a}.rtl .custom-sidebar.closed{transform:translate(100%)}.rtl .custom-topbar{left:0;right:var(--sidebar-width);flex-direction:row-reverse}.rtl .custom-topbar.sidebar-closed{right:0}.rtl .main-content{margin-left:0;margin-right:var(--sidebar-width)}.rtl .main-content.sidebar-closed{margin-right:0}.rtl .custom-footer{left:0;right:var(--sidebar-width)}.rtl .custom-footer.sidebar-closed{right:0}.rtl .sidebar-nav{text-align:right}.rtl .sidebar-nav-label{text-align:right;padding-right:15px;padding-left:15px}.rtl .sidebar-nav-item{text-align:right}.rtl .sidebar-nav-link{flex-direction:row-reverse;text-align:right;justify-content:flex-start}.rtl .sidebar-nav-link svg{margin-left:12px;margin-right:0}.rtl .sidebar-nav-link span{text-align:right;display:block;width:100%}.rtl .nav-section{text-align:right}.rtl .topbar-left,.rtl .topbar-actions{flex-direction:row-reverse}.rtl .topbar-brand-mobile img{margin-right:0;margin-left:10px}.rtl .lang-switcher{margin-right:0;margin-left:15px}.rtl .lang-dropdown,.rtl .user-dropdown{right:auto;left:0}.rtl .user-dropdown-item{flex-direction:row-reverse;text-align:right}.rtl .user-dropdown-item svg{margin-right:0;margin-left:12px}.rtl .user-dropdown-header{flex-direction:row-reverse;text-align:right}.rtl .user-menu-wrapper{flex-direction:row-reverse}@media (max-width: 991px){.rtl .custom-sidebar{transform:translate(100%)}.rtl .custom-sidebar.open{transform:translate(0)}.rtl .custom-topbar{right:0}.rtl .main-content{margin-right:0}.rtl .custom-footer{right:0}}.nav-section{margin-bottom:10px}.sidebar-nav-link svg{margin-right:12px;flex-shrink:0;opacity:.9}[dir=rtl] .custom-sidebar{left:auto;right:0;box-shadow:-4px 0 20px #0000001a}[dir=rtl] .custom-sidebar.closed{transform:translate(100%)}[dir=rtl] .main-content{margin-left:0;margin-right:var(--sidebar-width)}[dir=rtl] .main-content.sidebar-closed{margin-right:0}[dir=rtl] .custom-footer{left:0;right:var(--sidebar-width)}[dir=rtl] .custom-footer.sidebar-closed{right:0}[dir=rtl] .sidebar-nav{text-align:right}[dir=rtl] .sidebar-nav-label{text-align:right;padding-right:15px;padding-left:15px}[dir=rtl] .sidebar-nav-item{text-align:right}[dir=rtl] .sidebar-nav-link{flex-direction:row-reverse;text-align:right;justify-content:flex-start}[dir=rtl] .sidebar-nav-link svg{margin-left:12px;margin-right:0}[dir=rtl] .sidebar-nav-link span{text-align:right;display:block;width:100%}[dir=rtl] .nav-section{text-align:right}[dir=rtl] .topbar-left,[dir=rtl] .topbar-actions{flex-direction:row-reverse}[dir=rtl] .topbar-brand-mobile img{margin-right:0!important;margin-left:10px!important}[dir=rtl] .lang-switcher{margin-right:0;margin-left:15px}[dir=rtl] .lang-toggle{flex-direction:row-reverse}[dir=rtl] .lang-dropdown{right:auto;left:0}[dir=rtl] .user-menu-wrapper{flex-direction:row-reverse}[dir=rtl] .user-dropdown{right:auto;left:0}[dir=rtl] .user-dropdown-item{flex-direction:row-reverse}[dir=rtl] .user-dropdown-item svg{margin-right:0;margin-left:12px}[dir=rtl] .user-dropdown-header{flex-direction:row-reverse}@media (max-width: 991px){[dir=rtl] .custom-sidebar{transform:translate(100%)}[dir=rtl] .custom-sidebar.open{transform:translate(0)}[dir=rtl] .custom-topbar{right:0}[dir=rtl] .main-content{margin-right:0}[dir=rtl] .custom-footer{right:0}}[dir=rtl] .page-title,[dir=rtl] .page-header,[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] h4,[dir=rtl] h5,[dir=rtl] h6,[dir=rtl] .card-header{text-align:right}[dir=rtl] ul,[dir=rtl] ol{padding-right:20px;padding-left:0}[dir=rtl] table th,[dir=rtl] table td{text-align:right}[dir=rtl] .btn{direction:rtl}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=rtl] label{text-align:right;display:block}[dir=rtl] .form-group{text-align:right}[dir=rtl] .d-flex,[dir=rtl] .justify-content-between{flex-direction:row-reverse}[dir=rtl] .ms-auto{margin-left:0!important;margin-right:auto!important}[dir=rtl] .me-auto{margin-right:0!important;margin-left:auto!important}[dir=rtl] .ms-2{margin-left:0!important;margin-right:.5rem!important}[dir=rtl] .me-2{margin-right:0!important;margin-left:.5rem!important}[dir=rtl] .ps-3{padding-left:0!important;padding-right:1rem!important}[dir=rtl] .pe-3{padding-right:0!important;padding-left:1rem!important}:root{--primary: #244066;--primary-light: #3a5a8a;--primary-dark: #1a2e4a;--secondary: #f2421b;--secondary-light: #ff6b4a;--success: #22c55e;--warning: #f59e0b;--danger: #ef4444;--info: #0ea5e9;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--gray-50);color:var(--gray-800);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:10px;font-weight:600;font-size:14px;transition:all .2s;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 12px #2440664d}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover{background:var(--secondary-light)}.btn-outline{background:transparent;border:2px solid var(--primary);color:var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-large{padding:16px 32px;font-size:16px}.form-group{margin-bottom:20px}.form-label{display:block;font-weight:600;color:var(--gray-700);margin-bottom:8px;font-size:14px}.form-control{width:100%;padding:12px 16px;border:2px solid var(--gray-200);border-radius:10px;font-size:14px;transition:all .2s;background:#fff}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2440661a}.card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000000d;overflow:hidden}.card-header{padding:20px 24px;border-bottom:1px solid var(--gray-100)}.card-body{padding:24px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.badge-primary{background:#2440661a;color:var(--primary)}.badge-success{background:#22c55e1a;color:var(--success)}.badge-warning{background:#f59e0b1a;color:var(--warning)}.badge-danger{background:#ef44441a;color:var(--danger)}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:14px 16px;text-align:left;border-bottom:1px solid var(--gray-100)}.table th{font-weight:600;color:var(--gray-600);font-size:13px;text-transform:uppercase;letter-spacing:.5px}.table tr:hover{background:var(--gray-50)}.spinner{width:40px;height:40px;border:4px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;bottom:20px;right:20px;padding:16px 24px;border-radius:12px;color:#fff;font-weight:500;box-shadow:0 4px 20px #00000026;animation:slideIn .3s ease;z-index:9999}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-warning{background:var(--warning)}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.container{padding:0 15px}.btn-large{padding:14px 24px;font-size:14px}}