.bg{position:fixed;inset:0;width:100%;height:100%;background-image:url(/backgrounds/main-bg.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat;z-index:-10;filter:brightness(.88)}.layout-root{display:flex;height:100vh;width:100%;font-family:Cairo,sans-serif;direction:rtl}.sidebar{width:260px;background:#0a3d62;color:#fff;padding:24px;display:flex;flex-direction:column;gap:14px;z-index:20}.logo{text-align:center;font-size:28px;font-weight:700;margin-bottom:16px;color:#f1c40f;letter-spacing:1px}.menu-item{display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:#ecf0f1;font-size:16px;opacity:.85;transition:.2s ease}.menu-item:hover{opacity:1;background:#16a085}.menu-item.active{background:#16a085;opacity:1;border-right:5px solid #F1C40F}.main{flex:1;display:flex;flex-direction:column;padding:20px}.topbar{height:70px;background:#ffffff59;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:16px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;margin-bottom:20px;box-shadow:0 4px 25px #00000026}.content{flex:1;background:#fff6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:22px;padding:30px;overflow-y:auto;box-shadow:0 6px 35px #0000002e}@tailwind base;@tailwind components;@tailwind utilities;@layer base{body{margin:0;padding:0;min-height:100vh;font-family:Cairo,system-ui,sans-serif;background-image:url(/bg/main-bg.jpg);background-repeat:no-repeat;background-position:center top;background-size:cover;background-attachment:fixed;position:relative}body:before{content:"";position:fixed;inset:0;background:#ffffff47;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:0}#root{position:relative;z-index:2}}.input{@apply w-full px-3 py-2 border rounded-lg bg-gray-100 focus:bg-white focus:ring-2 focus:ring-blue-400 outline-none;}.btn{@apply px-4 py-2 rounded-lg font-semibold shadow transition active:scale-95;}.btn-primary{@apply bg-blue-600 text-white hover:bg-blue-700;}.btn-outline{@apply border border-gray-400 bg-white hover:bg-gray-100;}.glass-box{background:#ffffff59;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;box-shadow:0 8px 25px #00000026;padding:20px}.pricing-page{min-height:calc(100vh - 120px);position:relative}.slide-in-right{animation:slideRight .3s ease forwards}@keyframes slideRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}
