.app-shell{background-color:var(--color-bg-dark);flex-direction:column;height:100dvh;display:flex;overflow:hidden}.app-content{padding-top:env(safe-area-inset-top);scrollbar-gutter:stable;overscroll-behavior:contain;flex:1;overflow-y:auto}.app-input{width:100%;padding:var(--space-4);background-color:var(--glass-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-lg);color:var(--color-text-primary);font-family:var(--font-sans);transition:all var(--transition-fast)}.app-input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-glow-orange);outline:none}.app-btn{width:100%;padding:var(--space-4);border-radius:var(--radius-lg);font-family:var(--font-display);color:var(--color-bg-white);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--space-2);font-weight:600;display:flex}.app-btn:disabled{opacity:.6;cursor:not-allowed}.app-btn-primary{background:linear-gradient(135deg, var(--color-orange), var(--color-primary-dark));box-shadow:var(--shadow-glow-orange)}.app-btn-primary:hover:not(:disabled){filter:brightness(1.1)}.app-btn-outline{border:1px solid var(--glass-border);color:var(--color-text-primary);background:0 0}.app-btn-outline:hover:not(:disabled){background:var(--glass-bg)}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background-color:var(--glass-bg-dark);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--glass-border-dark);padding-top:var(--space-3);justify-content:space-around;align-items:center;display:flex}.bottom-nav-inner{width:100%;padding-bottom:calc(var(--space-3) + env(safe-area-inset-bottom));justify-content:space-around;align-items:center;display:flex}.nav-item{align-items:center;gap:var(--space-1);color:var(--color-text-muted);transition:color var(--transition-fast);font-size:var(--text-xs);background:0 0;border:none;flex-direction:column;flex:1;font-weight:500;display:flex;position:relative}.nav-item.active{color:var(--color-primary)}.nav-item.disabled{opacity:.6;cursor:default}.nav-icon{width:24px;height:24px}.badge{background-color:var(--color-primary);color:#fff;border-radius:var(--radius-full);padding:2px 4px;font-size:.55rem;font-weight:700;line-height:1;position:absolute;top:-4px;right:50%;transform:translate(18px)}.auth-layout{min-height:100%;padding:var(--space-6);max-width:var(--container-sm);flex-direction:column;justify-content:center;margin:0 auto;display:flex}.auth-card{background-color:var(--glass-bg-dark);-webkit-backdrop-filter:blur(20px);border:1px solid var(--glass-border-dark);border-radius:var(--radius-2xl);padding:var(--space-8);gap:var(--space-6);flex-direction:column;display:flex}.auth-header{text-align:center}.auth-title{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.auth-desc{color:var(--color-text-secondary);font-size:var(--text-sm)}.auth-divider{text-align:center;color:var(--color-text-muted);font-size:var(--text-sm);align-items:center;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--glass-border-dark);flex:1}.auth-divider:not(:empty):before{margin-right:1em}.auth-divider:not(:empty):after{margin-left:1em}.form-group{gap:var(--space-4);flex-direction:column;display:flex}.auth-links{align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-4);flex-direction:column;display:flex}.auth-links a{color:var(--color-primary);text-decoration:none}.auth-links a:hover{text-decoration:underline}.dashboard-layout{padding:var(--space-6);padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom));gap:var(--space-6);flex-direction:column;display:flex}.coming-soon-card{background:linear-gradient(145deg, var(--color-bg-card), var(--color-bg-darker));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);text-align:center;align-items:center;gap:var(--space-6);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:relative;overflow:hidden}.coming-soon-card:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle,#1e88e51a 0%,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.cube-motif{z-index:1;width:80px;height:80px;animation:6s ease-in-out infinite float;position:relative}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.dashboard-title{font-size:var(--text-3xl);background:linear-gradient(to right, white, var(--color-text-secondary));-webkit-text-fill-color:transparent;z-index:1;white-space:pre-line;-webkit-background-clip:text}.dashboard-subtitle{color:var(--color-text-secondary);font-size:var(--text-base);z-index:1}.greeting{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:700}.dashboard{padding:var(--space-6);padding-bottom:calc(var(--space-24) + env(safe-area-inset-bottom));gap:var(--space-6);flex-direction:column;display:flex}.dashboard-header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.dashboard-header h1{font-size:var(--text-2xl);color:var(--color-text-primary)}.caller-role-badge{font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--glass-bg-dark);padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--glass-border-dark)}.dashboard-status{min-height:200px;color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.dashboard-error{border-radius:var(--radius-lg);padding:var(--space-4);align-items:center;gap:var(--space-4);color:#ef4444;background:#ef44441a;border:1px solid #ef44444d;display:flex}.dashboard-error button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:#ef4444;cursor:pointer;white-space:nowrap;background:#ef444433;border:1px solid #ef444466}.user-table-container{border-radius:var(--radius-xl);border:1px solid var(--glass-border-dark);background:var(--glass-bg-dark);overflow-x:auto}.user-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.user-table th{text-align:left;padding:var(--space-4);color:var(--color-text-muted);text-transform:uppercase;font-weight:600;font-size:var(--text-xs);letter-spacing:.05em;border-bottom:1px solid var(--glass-border-dark)}.user-table td{padding:var(--space-4);color:var(--color-text-primary);border-bottom:1px solid #ffffff0d}.user-table tr:last-child td{border-bottom:none}.user-table tr:hover td{background:#ffffff08}.user-table select{padding:var(--space-2) var(--space-3);background:var(--color-bg-dark);border:1px solid var(--glass-border-dark);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-sm);cursor:pointer}.user-table select:disabled{opacity:.5;cursor:not-allowed}.role-badge{border-radius:var(--radius-full);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;padding:2px 10px;font-weight:600;display:inline-block}.role-owner{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706)}.role-superadmin{color:#fff;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.role-admin{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb)}.role-user{color:var(--color-text-secondary);background:#ffffff1a}.role-protected{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic}.lk-control-bar{align-items:center!important;display:flex!important}.lk-control-bar .lk-disconnect-button{order:100!important}.lk-control-bar [data-testid=participants-toggle-btn]{order:50!important}.participant-sidebar,.lk-chat{background:var(--glass-bg-dark,#121214)!important;border-left:1px solid var(--glass-border-dark,#ffffff1a)!important;box-sizing:border-box!important;width:300px!important;color:var(--color-text-primary,#fff)!important;padding:16px!important}.lk-chat-header{color:var(--color-text-primary,#fff)!important;background:0 0!important;border-bottom:none!important;justify-content:space-between!important;align-items:center!important;margin-bottom:16px!important;padding:0!important;font-size:1.17em!important;font-weight:700!important;display:flex!important}.lk-chat-header .lk-close-button{opacity:.8;color:inherit!important;cursor:pointer!important;background:0 0!important;border:none!important;padding:4px 8px!important;font-size:1.25rem!important}.lk-chat-header .lk-close-button:hover{opacity:1}.lk-chat-messages{gap:8px!important;padding:0!important}.lk-chat-entry{border:1px solid var(--glass-border-dark,#ffffff1a)!important;background:#ffffff0d!important;border-radius:8px!important;padding:10px 12px!important}.lk-chat-form{border-top:1px solid var(--glass-border-dark,#ffffff1a)!important;gap:8px!important;padding-top:12px!important;display:flex!important}.lk-chat-form-input{border:1px solid var(--glass-border-dark,#ffffff26)!important;color:#fff!important;background:#ffffff0d!important;border-radius:8px!important;padding:8px 12px!important}.lk-chat-form-input:focus{border-color:var(--color-primary,#6366f1)!important;outline:none!important}.lk-chat-form-button{background:var(--color-primary,#6366f1)!important;color:#fff!important;border:none!important;border-radius:8px!important;padding:8px 16px!important;font-weight:600!important}[data-participants-open=true] .lk-chat{display:none!important}@media (max-width:768px){.lk-control-bar{width:100%!important;padding-bottom:max(12px, env(safe-area-inset-bottom))!important;justify-content:space-around!important;align-items:center!important;gap:4px!important;padding-left:8px!important;padding-right:8px!important;display:flex!important}.lk-control-bar .lk-button,.lk-control-bar .lk-button-group{flex:1!important;justify-content:center!important;align-items:center!important;min-width:0!important;display:flex!important}.lk-control-bar .lk-button span,.lk-control-bar .lk-button label{display:none!important}.lk-video-conference-inner{position:relative!important}.participant-sidebar{z-index:100!important;background:var(--color-bg-dark,#0d0d0f)!important;box-sizing:border-box!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.lk-chat{z-index:100!important;background:var(--color-bg-dark,#0d0d0f)!important;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}}
