:root{--bg-primary:#f7f7f8;--bg-secondary:#fff;--primary:#975aff;--primary-hover:#b583ff;--primary-dark:#7441db;--text-primary:#17102f;--text-secondary:#342e49;--text-muted:#9e9e9e;--text-disabled:#bdbdbd;--border-color:#e0e0e0;--border-color-hover:#bdbdbd;--font-display:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--transition-smooth:all .3s ease;--transition-bounce:all .4s cubic-bezier(.25, .8, .25, 1);--card-shadow:0 10px 25px #192a460f, 0 2px 4px #192a4605;--btn-shadow:0 4px 15px #975aff40}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-secondary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}.app-container{background-color:var(--bg-primary);flex-direction:column;min-height:100vh;display:flex;position:relative}.aura-bg{z-index:1;pointer-events:none;background:radial-gradient(circle at 5% 5%,#975aff08 0%,#0000 35%),radial-gradient(circle at 95% 95%,#00f2fe08 0%,#0000 35%);position:absolute;inset:0}.aura-bg:before{content:"";opacity:.8;background-image:linear-gradient(#975aff03 1px,#0000 1px),linear-gradient(90deg,#975aff03 1px,#0000 1px);background-size:32px 32px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:radial-gradient(circle,#000 50%,#0000 95%);mask-image:radial-gradient(circle,#000 50%,#0000 95%)}.app-content{z-index:2;flex-direction:column;flex:1;width:100%;max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;display:flex;position:relative}header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;margin-bottom:4rem;padding-bottom:1.25rem;animation:.6s fadeInDown;display:flex}.logo-container{align-items:center;display:flex}.header-logo{width:auto;height:40px;display:block}.landing-logo-container{justify-content:center;margin-bottom:2.5rem;animation:.5s fadeInUp;display:flex}.landing-logo{width:300px;height:75px;display:block}.user-badge{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:var(--transition-smooth);border-radius:6px;align-items:center;gap:.75rem;padding:.4rem .875rem;font-size:.875rem;display:flex}.user-badge:hover{border-color:var(--border-color-hover)}.user-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;font-size:.75rem;font-weight:600;display:flex}.btn-logout{color:var(--text-muted);cursor:pointer;font-size:.825rem;font-family:var(--font-body);transition:var(--transition-smooth);background:0 0;border:1px solid #0000;border-radius:4px;padding:.15rem .4rem}.btn-logout:hover{color:#f55252;background:#f552520d;border-color:#f5525233}.hero-section{text-align:center;margin-bottom:3rem;animation:.6s fadeInUp}.hero-tagline{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--primary);background:#975aff0f;border:1px solid #975aff1f;border-radius:4px;margin-bottom:.75rem;padding:.2rem .65rem;font-size:.8rem;font-weight:700;display:inline-block}.hero-title{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem;font-size:2.5rem;font-weight:800;line-height:1.2}.hero-subtitle{color:var(--text-secondary);max-width:540px;margin:0 auto;font-size:1rem}.main-panel{background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:var(--card-shadow);z-index:2;border-radius:8px;margin-bottom:3rem;padding:3rem;animation:.5s scaleIn;position:relative}.tenant-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem;margin-top:1.5rem;display:grid}.tenant-card{background:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;transition:var(--transition-bounce);border-radius:6px;flex-direction:column;padding:1.5rem;display:flex;position:relative}.tenant-card:hover{border-color:var(--primary);background:var(--bg-secondary);transform:translateY(-3px);box-shadow:0 10px 25px #192a4614}.tenant-card-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.tenant-icon{width:2.5rem;height:2.5rem;color:var(--primary);font-family:var(--font-display);transition:var(--transition-smooth);background:#975aff0f;border:1px solid #975aff1f;border-radius:6px;justify-content:center;align-items:center;font-size:1.15rem;font-weight:700;display:flex}.tenant-card:hover .tenant-icon{background:var(--primary);color:#fff}.tenant-arrow{color:var(--text-muted);transition:var(--transition-smooth);font-size:1.2rem}.tenant-card:hover .tenant-arrow{color:var(--primary);transform:translate(3px)}.tenant-name{font-family:var(--font-display);color:var(--text-primary);margin-bottom:.4rem;font-size:1.15rem;font-weight:700}.tenant-alias{color:var(--text-muted);border:1px solid var(--border-color);background:#00000005;border-radius:4px;align-self:flex-start;padding:.1rem .4rem;font-family:monospace;font-size:.775rem}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff;font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--btn-shadow);border:none;border-radius:6px;align-items:center;gap:.5rem;padding:.85rem 2.25rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary:hover{background:linear-gradient(135deg, var(--primary-hover) 0%, var(--primary) 100%);transform:translateY(-1px);box-shadow:0 6px 20px #975aff66}.search-container{margin-bottom:1.75rem;position:relative}.search-input{background:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition-smooth);border-radius:6px;padding:.75rem 1.25rem .75rem 2.5rem;font-size:.9rem}.search-input:focus{background:var(--bg-secondary);border-color:var(--primary);outline:none;box-shadow:0 0 10px #975aff14}.search-icon{color:var(--text-muted);pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.loader-container{background:var(--bg-primary);min-height:100vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex}.spinner-ring{border:3px solid #975aff14;border-top-color:var(--primary);border-radius:50%;width:3rem;height:3rem;animation:.8s linear infinite spin}.loader-text{font-family:var(--font-display);color:var(--text-secondary);font-size:.95rem}.error-card{text-align:center;background:#f5525203;border:1px solid #f552521f;border-radius:6px;max-width:460px;margin:0 auto;padding:2rem;animation:.4s shake}.error-title{font-family:var(--font-display);color:#f55252;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.error-message{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem}footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border-color);margin-top:auto;padding:1.75rem 0;font-size:.775rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.header-actions{align-items:center;gap:1rem;display:flex}.language-selector{align-items:center;display:inline-flex}.select-lang{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--card-shadow);border-radius:6px;outline:none;padding:.4rem .75rem;font-size:.85rem;font-weight:600}.select-lang:hover{border-color:var(--border-color-hover)}.select-lang:focus{border-color:var(--primary);box-shadow:0 0 10px #975aff0d}html[dir=rtl]{text-align:right;direction:rtl}html[dir=rtl] header,html[dir=rtl] .header-actions,html[dir=rtl] .user-badge{flex-direction:row-reverse}html[dir=rtl] .search-input{padding:.75rem 2.5rem .75rem 1.25rem}html[dir=rtl] .search-icon{left:auto;right:.875rem}html[dir=rtl] .tenant-card-header{flex-direction:row-reverse}html[dir=rtl] .tenant-arrow{transform:none}html[dir=rtl] .tenant-card:hover .tenant-arrow{transform:translate(-3px)}.tenant-last-access{color:var(--text-muted);border-top:1px dashed var(--border-color);transition:var(--transition-smooth);align-items:center;gap:.35rem;margin-top:1rem;padding-top:.75rem;font-size:.725rem;display:flex}.tenant-card:hover .tenant-last-access{color:var(--text-secondary);border-top-color:var(--primary);border-top-style:solid}