:root{--bg-primary: #0a0a0d;--bg-canvas: rgba(22, 22, 26, .85);--bg-sidebar: rgba(36, 36, 44, .82);--bg-card: rgba(38, 38, 46, .65);--bg-card-hover: rgba(48, 48, 58, .8);--bg-glass-pill: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .12);--border-glow: rgba(168, 85, 247, .4);--accent-purple: #a855f7;--accent-purple-glow: rgba(168, 85, 247, .3);--accent-pink: #ec4899;--accent-amber: #f59e0b;--accent-green: #10b981;--accent-green-glow: rgba(16, 185, 129, .3);--accent-blue: #3b82f6;--accent-rose: #f43f5e;--accent-pastel-gradient: linear-gradient(135deg, #fbc2eb, #a6c1ee);--accent-neon-gradient: linear-gradient(135deg, #a855f7, #ec4899, #f59e0b);--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--text-dark: #09090b;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--radius-pill: 50px;--shadow-spatial: 0 30px 80px rgba(0, 0, 0, .7);--shadow-card: 0 15px 35px rgba(0, 0, 0, .4);--font-family: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 15%,rgba(168,85,247,.12),transparent 45%),radial-gradient(circle at 85% 85%,rgba(236,72,153,.1),transparent 45%);color:var(--text-primary);font-family:var(--font-family);min-height:100vh;overflow-x:hidden;line-height:1.5;padding:1.25rem}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff2e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff59}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}.app-container{display:flex;min-height:calc(100vh - 2.5rem);background:var(--bg-canvas);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-spatial);overflow:hidden;position:relative;isolation:isolate}.app-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(35px) saturate(180%);-webkit-backdrop-filter:blur(35px) saturate(180%);pointer-events:none}.sidebar{width:240px;background:var(--bg-sidebar);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid var(--border-color);border-radius:var(--radius-pill);margin:1.25rem .85rem;height:calc(100vh - 4.8rem);display:flex;flex-direction:column;align-items:center;padding:1.25rem .75rem;position:fixed;z-index:50;box-shadow:0 20px 40px #00000080;transition:width .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)}.sidebar.collapsed{width:74px;padding:1.25rem .4rem}.sidebar-toggle-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.15);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.sidebar-toggle-btn:hover{background:#ffffff40}.sidebar-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.2rem .5rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-header{flex-direction:column-reverse;gap:.85rem;padding:0 0 1rem}.brand-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;filter:drop-shadow(0 0 10px rgba(214,42,208,.35))}.brand-icon-expand{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.brand-icon-expand:hover,.brand-icon-expand:focus-visible{transform:scale(1.08);box-shadow:0 0 28px var(--accent-purple-glow);outline:none}.brand-title{font-size:1.05rem;font-weight:700;color:#fff;letter-spacing:-.01em}.sidebar-nav{display:flex;flex-direction:column;gap:.6rem;margin-top:1.25rem;width:100%;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-header,.sidebar-footer{flex-shrink:0}.nav-item{display:flex;align-items:center;gap:.85rem;padding:.75rem 1rem;border-radius:var(--radius-pill);color:#ffffffad;text-decoration:none;font-weight:600;font-size:.92rem;transition:all .25s cubic-bezier(.4,0,.2,1);cursor:pointer;border:none;background:transparent;width:100%}.sidebar.collapsed .nav-item{justify-content:center;padding:.75rem 0;border-radius:50%;width:44px;height:44px;margin:0 auto}.nav-item:hover{color:#fff;background:#ffffff1f}.nav-item.active{color:var(--text-dark);background:#fff;box-shadow:0 8px 25px #ffffff4d}.nav-group{display:flex;flex-direction:column;gap:.3rem}.nav-group-toggle.has-active-child{color:#fff}.nav-submenu{display:flex;flex-direction:column;gap:.25rem;margin-left:1.1rem;padding-left:.6rem;border-left:1px solid rgba(255,255,255,.12)}.nav-subitem{padding:.5rem .85rem;font-size:.86rem}.sidebar.collapsed .nav-submenu{margin-left:0;padding-left:0;border-left:none;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);padding:.25rem 0}.sidebar.collapsed .nav-subitem{width:38px;height:38px}.main-content{margin-left:260px;flex:1;padding:1.75rem 2.25rem;max-width:100%;width:calc(100% - 260px);display:flex;flex-direction:column;min-height:calc(100vh - 2.5rem);transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-collapsed{margin-left:95px;width:calc(100% - 95px)}.header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.page-title{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary)}.page-subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:.15rem}.card{background:var(--bg-card);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-card);transition:transform .25s ease,background .25s ease,border-color .25s ease}.card:hover{background:var(--bg-card-hover);border-color:#fff3}.grid-cols-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-bottom:1.75rem}.messages-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.message-card{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:1.25rem;background:#1c1c24e6;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border-radius:28px;border:1.5px solid rgba(168,85,247,.5);box-shadow:0 10px 30px #0006,0 0 20px #a855f726;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.message-card:hover{transform:translateY(-4px);border-color:#a855f7;box-shadow:0 18px 45px #00000080,0 0 25px #a855f759}.message-card-header{margin-bottom:.85rem}.message-card-image-wrap{width:100%;height:180px;border-radius:20px;overflow:hidden;background:#00000080;border:1px solid rgba(255,255,255,.1);position:relative}.message-card-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.message-card:hover .message-card-image-wrap img{transform:scale(1.05)}.message-card-placeholder{width:100%;height:120px;border-radius:20px;background:#ffffff0a;border:1px dashed var(--border-color);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.message-card-body{flex:1;display:flex;flex-direction:column;gap:.4rem}.message-card-title{font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:.01em;text-transform:uppercase;margin-top:.5rem;margin-bottom:.25rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.message-card-excerpt{color:#ffffffb3;font-size:.88rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap}.message-card-footer{display:flex;justify-content:space-between;align-items:center;gap:.5rem;flex-wrap:wrap;margin-top:1.25rem;padding-top:.85rem;border-top:1px solid rgba(255,255,255,.1)}.message-card-date{font-size:.78rem;color:var(--text-muted);white-space:nowrap;flex-shrink:0}.message-card-actions{display:flex;gap:.35rem;align-items:center;flex-shrink:0}.btn-icon{padding:.35rem .55rem;font-size:.8rem}.btn-icon-pill{width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;cursor:pointer;flex-shrink:0;transition:all .2s ease}.btn-icon-pill:hover{background:#fff3;transform:translateY(-1px)}.btn-icon-pill-danger{background:#f43f5e2e;border:1px solid rgba(244,63,94,.35);color:#f87171}.btn-icon-pill-danger:hover{background:#f43f5e52;color:#fff}.btn-icon-pill-accent{background:linear-gradient(135deg,#a855f7,#ec4899);border:1px solid rgba(255,255,255,.25);color:#fff;box-shadow:0 0 12px #a855f766}.btn-icon-pill-accent:hover{background:linear-gradient(135deg,#9333ea,#db2777);transform:translateY(-1px) scale(1.05);box-shadow:0 0 18px #a855f799}.stat-card{display:flex;align-items:center;justify-content:space-between}.stat-val{font-size:2.2rem;font-weight:800;margin-top:.25rem;color:var(--text-primary)}.stat-icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .75rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-connected{background:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.badge-connecting,.badge-qr{background:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.badge-disconnected,.badge-failed{background:#f43f5e2e;color:#f87171;border:1px solid rgba(244,63,94,.35)}.badge-completed{background:#a855f72e;color:#c084fc;border:1px solid rgba(168,85,247,.35)}.badge-pending{background:#ec48992e;color:#f472b6;border:1px solid rgba(236,72,153,.35)}.table-wrapper{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:#ffffff05}table{width:100%;border-collapse:collapse;text-align:left}th{background:#ffffff0a;color:var(--text-secondary);font-weight:700;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);font-size:.92rem}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.35rem;border-radius:var(--radius-pill);font-weight:700;font-size:.92rem;cursor:pointer;transition:all .25s ease;border:1px solid transparent;font-family:inherit}.btn-primary{background:#fff;color:var(--text-dark);box-shadow:0 8px 25px #ffffff40}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #ffffff59;background:#fff}.btn-secondary{background:#ffffff14;color:var(--text-primary);border-color:var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff29;border-color:#ffffff40}.btn-danger{background:#f43f5e2e;color:#f87171;border-color:#f43f5e59}.btn-danger:hover{background:#f43f5e4d}.input-field,.textarea-field{width:100%;background:#ffffff0f;border:1px solid var(--border-color);border-radius:var(--radius-pill);padding:.75rem 1.25rem;color:var(--text-primary);font-family:inherit;font-size:.95rem;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.input-field:focus,.textarea-field:focus{outline:none;border-color:var(--accent-purple);box-shadow:0 0 0 3px var(--accent-purple-glow);background:#ffffff1a}.textarea-field{min-height:120px;resize:vertical;border-radius:var(--radius-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;backdrop-filter:blur(35px);-webkit-backdrop-filter:blur(35px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1.5rem}.modal-content{background:#1c1c23eb;border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;padding:2rem;box-shadow:var(--shadow-spatial);max-height:90vh;overflow-y:auto}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:200;max-width:400px}@keyframes slideInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.toast{display:flex;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;border-radius:var(--radius-md);background:#1e1e26eb;border:1px solid var(--border-color);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:slideInRight .3s ease}.toast-success{border-left:4px solid var(--accent-green)}.toast-error{border-left:4px solid var(--accent-rose)}.toast-warning{border-left:4px solid var(--accent-amber)}.toast-info{border-left:4px solid var(--accent-blue)}.toast-content{flex:1}.toast-title{font-weight:700;font-size:.9rem;color:var(--text-primary)}.toast-message{font-size:.82rem;color:var(--text-secondary);margin-top:.2rem}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.2rem}.toast-close:hover{color:var(--text-primary)}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(circle at 50% 30%,rgba(168,85,247,.2),transparent 50%);padding:1.5rem}.login-card{width:100%;max-width:420px;background:#1c1c23d9;-webkit-backdrop-filter:blur(35px);backdrop-filter:blur(35px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-spatial)}.mobile-menu-btn,.sidebar-backdrop{display:none}@media(max-height:760px){.sidebar-nav{gap:.3rem;margin-top:.85rem}.nav-item{padding:.55rem 1rem}.sidebar.collapsed .nav-item{width:40px;height:40px}.sidebar-header{padding-bottom:.75rem}}@media(max-width:1024px){.main-content{padding:1.25rem 1.5rem}.header-search{display:none!important}}@media(max-width:900px){.responsive-grid{grid-template-columns:1fr!important}}@media(max-width:768px){body{padding:.5rem}.app-container{min-height:calc(100vh - 1rem);border-radius:var(--radius-md)}.sidebar,.sidebar.collapsed{width:260px;padding:1.25rem .75rem;margin:.5rem;height:calc(100dvh - 1rem);border-radius:var(--radius-lg);transform:translate(calc(-100% - 1rem));transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200}.sidebar.mobile-open{transform:translate(0)}.sidebar-toggle-btn{display:none}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:150}.main-content,.main-content.sidebar-collapsed{margin-left:0;width:100%;padding:1rem}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:#ffffff14;color:#fff;cursor:pointer}.header-bar{gap:.75rem;margin-bottom:1.25rem}.header-profile-name{display:none}.header-storage{display:none!important}.page-title{font-size:1.3rem}.page-subtitle{font-size:.8rem}.card{padding:1rem}.modal-content{padding:1.25rem;max-height:92vh}table{display:block;overflow-x:auto;white-space:nowrap}}