@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);:root{--primary:#e94f2d;--primary-hover:#ff6b4a;--primary-dim:rgba(233, 79, 45, 0.3);--bg-dark:#1a1a1a;--bg-darker:#121212;--bg-card:rgba(35, 35, 33, 0.7);--bg-input:rgba(0, 0, 0, 0.4);--border:rgba(233, 79, 45, 0.3);--border-hover:rgba(233, 79, 45, 0.6);--text:#ffffff;--text-muted:rgba(255, 255, 255, 0.6);--text-dim:rgba(255, 255, 255, 0.4);--success:#00c853;--warning:#ffc107;--danger:#dc3545;--font-brand:'Press Start 2P',cursive;--font-body:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--primary,#e94f2d) var(--bg-dark,#1a1a2e);-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background:linear-gradient(135deg,var(--bg-darker) 0,var(--bg-dark) 100%);color:var(--text);min-height:100vh}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1),rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:9999}h1,h2,h3{font-family:var(--font-brand);color:var(--primary);line-height:1.8}h1{font-size:1.2rem}h2{font-size:.9rem}h3{font-size:.7rem}.navbar{background:linear-gradient(180deg,rgba(20,20,20,.98) 0,rgba(15,15,15,.95) 100%);border-bottom:2px solid var(--border);padding:.75rem 1.5rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem;position:sticky;top:0;z-index:100;backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.4)}.navbar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s}.navbar-brand:hover{opacity:.85}.navbar-brand img{height:32px}.navbar-brand span{font-family:var(--font-brand);color:var(--primary);font-size:.8rem}.navbar-links{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.navbar-link{color:var(--text-muted);text-decoration:none;padding:.5rem 1rem;font-size:.9rem;border-radius:6px;transition:.2s;border:1px solid transparent}.navbar-link:hover{color:var(--text);background:rgba(255,255,255,.08);border-color:transparent}.navbar-link.active{color:var(--primary);background:var(--primary-dim);border-color:var(--primary);font-weight:500}.navbar-user{display:flex;align-items:center;gap:0}.user-avatar{width:36px;height:36px;border-radius:0;border:2px solid rgba(233,79,45,0.3)}.user-avatar-inline{width:24px;height:24px;border-radius:4px;margin-right:.5rem}.user-dropdown{position:relative}.user-dropdown-toggle{background:var(--bg-input);border:1px solid rgba(233,79,45,0.3);color:var(--text);display:flex;align-items:center;font-family:var(--font-body)}.user-dropdown-toggle:hover{border-color:var(--primary)}.user-dropdown-menu{background:var(--bg-dark);border:1px solid var(--border)}.user-dropdown-menu a{display:block;color:var(--text)}.user-dropdown-menu a:hover{background:var(--primary-dim);background:rgba(255,255,255,.1)}.navbar-auth{display:flex;align-items:center;margin-left:auto;gap:.75rem}.user-menu{display:flex;align-items:center;gap:.5rem}.user-menu .user-avatar{width:28px;height:28px;border-radius:50%;border:2px solid var(--primary)}.user-name{color:var(--text);font-size:.85rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-sidebar-auth{position:absolute;bottom:0;left:0;right:0;padding:1rem;border-top:1px solid var(--border);background:linear-gradient(180deg,rgba(18,18,18,.98) 0,rgba(12,12,12,.98) 100%);overflow:hidden;max-width:100%;text-align:center}.nav-sidebar-auth .user-menu{display:flex;flex-direction:column;align-items:center;gap:.5rem;text-decoration:none;color:inherit;cursor:pointer}.nav-sidebar-auth .user-menu:hover{opacity:.9}.nav-sidebar-auth .user-avatar{width:40px;height:40px}.btn{padding:.75rem 1.5rem;border:none;cursor:pointer;font-family:var(--font-body);font-size:.9rem;transition:.2s}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.02)}.btn-secondary{background:var(--primary-dim);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:rgba(233,79,45,.5);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#c82333}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.btn-icon{padding:.5rem;min-width:36px;display:inline-flex;align-items:center;justify-content:center}.form-group{margin-bottom:1.5rem}.form-label{display:block;margin-bottom:.5rem;color:var(--text-muted);font-size:.9rem}.form-input,.form-select,.form-textarea{width:100%;padding:.75rem 1rem;background:var(--bg-input);border:2px solid var(--border);color:var(--text);font-family:var(--font-body);font-size:.95rem;transition:.2s}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 3px rgba(233,79,45,.2)}.form-textarea{min-height:100px;resize:vertical}.card{background:var(--bg-card);border:1px solid var(--border);padding:1.5rem;margin-bottom:1rem}.card-header{display:flex;justify-content:flex-start;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-brand);color:var(--primary);font-size:.7rem}.row{display:flex;gap:2rem}.col{flex:1}.col-sidebar{flex:0 0 280px}.col-main{flex:1}.sidebar{background:var(--bg-card);border:1px solid var(--border);height:calc(100vh - 120px);overflow:visible}.sidebar-header{padding:1rem;border-bottom:1px solid var(--border);display:flex;justify-content:flex-start;align-items:center;gap:1rem}.sidebar-title{font-family:var(--font-brand);color:var(--primary);font-size:.6rem}.sidebar-list{list-style:none}.sidebar-item{border-bottom:1px solid var(--border)}.sidebar-link{display:block;padding:.75rem 1rem;color:var(--text);text-decoration:none;transition:background .2s}.sidebar-link.active,.sidebar-link:hover{background:var(--primary-dim)}.sidebar-link.active{border-left:3px solid var(--primary)}.sidebar-sublist{list-style:none;padding-left:1rem}.sidebar-subitem{border-top:1px solid rgba(255,255,255,.1)}.sidebar-sublink{display:block;padding:.5rem 1rem;color:var(--text-muted);text-decoration:none;font-size:.85rem}.sidebar-sublink:hover{color:var(--text);background:rgba(255,255,255,.05)}.footer{background:rgba(0,0,0,.5);border-top:2px solid var(--border);padding:1rem 2rem;display:flex;justify-content:flex-start;align-items:center;gap:1rem;position:fixed;bottom:0;left:0;right:0}.footer-brand{font-family:var(--font-brand);color:var(--text-muted);font-size:.5rem}.footer-actions{display:flex;gap:.5rem}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-box{background:var(--bg-card);border:2px solid var(--border);padding:3rem;width:100%;max-width:400px;text-align:center}.login-logo{margin-bottom:2rem}.login-logo img{height:60px}.login-title{font-family:var(--font-brand);color:var(--primary);font-size:.9rem;margin-bottom:2rem}.login-divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0;color:var(--text-muted)}.login-divider::after,.login-divider::before{content:'';flex:1;height:1px;background:var(--border)}.btn-discord{background:#5865f2;color:#fff;width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-discord:hover{background:#4752c4}.badge{display:inline-block;padding:.25rem .5rem;font-size:.7rem;border-radius:0}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#000}.badge-danger{background:var(--danger);color:#fff}.badge-disabled{background:var(--text-dim);color:var(--bg-dark)}.alert{padding:1rem;margin-bottom:1rem;border-left:3px solid}.alert-success{background:rgba(0,200,83,.1);border-color:var(--success)}.alert-warning{background:rgba(255,193,7,.1);border-color:var(--warning)}.alert-danger{background:rgba(220,53,69,.1);border-color:var(--danger)}.tabs-container{width:100%}.table td,.table th{padding:.75rem;text-align:left;border-bottom:1px solid var(--border)}.table th{background:var(--bg-input);color:var(--text-muted);font-size:.85rem}.table tr:hover td{background:rgba(255,255,255,.02)}.data-table-wrapper{width:100%;overflow-x:auto;border:1px solid var(--border);border-radius:4px;margin-bottom:.75rem}.data-table-wrapper .tabs-container{width:100%}.tabs-header{display:flex;border-bottom:2px solid var(--border);margin-bottom:1rem;gap:.25rem}.tab-btn{padding:.75rem 1.5rem;background:0 0;border:none;color:var(--text-muted);cursor:pointer;font-family:var(--font-body);font-size:.9rem;transition:.2s;border-bottom:2px solid transparent;margin-bottom:-2px}.tab-btn:hover{color:var(--text);background:rgba(255,255,255,.05)}.tab-btn.active{color:var(--primary);border-bottom-color:var(--primary);background:rgba(106,17,203,.1)}.tabs-content{padding:1rem 0}.tab-content{display:none}.tab-content.active{display:block}.table{width:100%;border-collapse:collapse;margin-bottom:0;table-layout:fixed}.data-table-wrapper .table td{max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table-wrapper .table td.dt-expanded{white-space:normal;word-break:break-word;overflow-y:auto;max-height:200px;max-width:none;display:block;background:var(--bg-input);padding:.5rem;border-radius:4px}.data-table-wrapper .table td:hover{cursor:pointer;background:rgba(255,255,255,.05)}.modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:none;align-items:center;justify-content:center;z-index:1000}.modal-backdrop.show{display:flex}.modal{background:var(--bg-dark);border:2px solid var(--border);padding:2rem;width:90%;max-width:500px;max-height:90vh;overflow:visible}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title{font-family:var(--font-brand);color:var(--primary);font-size:.7rem;flex:1}.modal-close{background:0 0;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer}.modal-close:hover{color:var(--text)}.modal-footer{margin-top:1.5rem;display:flex;justify-content:flex-end;gap:.5rem}.text-muted{color:var(--text-muted)}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.d-flex{display:flex}.gap-1{gap:.5rem}.gap-2{gap:1rem}.align-center,.align-items-center{align-items:center}.justify-between{justify-content:space-between}.hidden{display:none!important}.form-check{display:flex;align-items:center;gap:.5rem;cursor:pointer}.form-check input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary)}.badge-info{background:#e94f2d;color:#fff}code{background:var(--bg-input);padding:.2rem .4rem;font-family:Consolas,monospace;font-size:.85em;border-radius:2px}@media (max-width:768px){.navbar{flex-direction:column;gap:1rem}.row{flex-direction:column}.col-sidebar{flex:none;width:100%}.sidebar{height:auto;max-height:300px}.footer{flex-direction:column;gap:.5rem;text-align:center}.navbar-auth{margin-left:0;margin-top:.5rem}.user-name{display:none}}.emoji-picker-container{position:relative}.emoji-picker-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.75rem 1rem;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);cursor:pointer;transition:.2s}.emoji-picker-toggle:hover{border-color:var(--border-hover)}#selectedEmojiPreview{font-size:1.25rem}.emoji-picker-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border:1px solid var(--border);border-radius:4px;margin-top:4px;z-index:100;max-height:300px;overflow:hidden;flex-direction:column}.emoji-picker-dropdown.show{display:flex}.emoji-picker-search{padding:.5rem;border-bottom:1px solid var(--border)}.emoji-picker-search input{font-size:.85rem}.emoji-picker-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:.5rem;overflow-y:auto;max-height:240px}.emoji-picker-item{display:flex;align-items:center;justify-content:center;padding:.4rem;font-size:1.25rem;cursor:pointer;border-radius:4px;transition:.15s;background:0 0;border:none}.emoji-picker-item:hover{background:var(--primary-dim);transform:scale(1.1)}.emoji-picker-item.selected{background:var(--primary)}.emoji-picker-item.no-icon{font-size:.7rem;color:var(--text-muted)}.layout-sidebar{display:flex;min-height:100vh}.nav-sidebar{width:240px;background:linear-gradient(180deg,rgba(18,18,18,.98) 0,rgba(12,12,12,.98) 100%);border-right:2px solid var(--border);padding:0;position:fixed;top:0;left:0;height:100vh;overflow:hidden;transition:width .3s;display:flex;flex-direction:column;backdrop-filter:blur(10px);box-shadow:2px 0 12px rgba(0,0,0,.3)}.nav-sidebar-brand{padding:1rem 1.25rem;display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:opacity .2s}.nav-sidebar-brand:hover{opacity:.85}.nav-sidebar-brand img{height:32px}.nav-sidebar-brand span{font-family:var(--font-brand);color:var(--primary);font-size:.65rem}.nav-sidebar-links{list-style:none;padding:.5rem 0 70px;margin:0;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.nav-sidebar-link{display:flex;align-items:center;gap:.75rem;padding:.7rem 1.25rem;margin:.15rem .5rem;color:var(--text-muted);text-decoration:none;transition:.2s;border-radius:8px;border-left:none}.nav-sidebar-link:hover{color:var(--text);background:rgba(255,255,255,.08)}.nav-sidebar-link.active{color:var(--primary);background:var(--primary-dim);font-weight:500}.nav-sidebar-icon{width:20px;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:currentColor}.nav-sidebar-icon svg{width:18px;height:18px;stroke:currentColor}.nav-sidebar-text{transition:opacity .3s}.layout-sidebar .main-content{flex:1;margin-left:240px;min-height:100vh;transition:margin-left .3s}.nav-sidebar-header{display:flex;align-items:center;padding:.75rem;gap:.5rem;border-bottom:1px solid var(--border);margin-bottom:1rem}.nav-sidebar-header .nav-sidebar-brand{border-bottom:none;margin-bottom:0;flex:1;overflow:hidden}.nav-sidebar-toggle{order:-1;background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:.2s;flex-shrink:0}.nav-sidebar-toggle:hover{color:var(--text);background:rgba(255,255,255,.1)}.nav-sidebar.collapsed{width:60px}.nav-sidebar.collapsed .nav-sidebar-brand,.nav-sidebar.collapsed .nav-sidebar-brand-text,.nav-sidebar.collapsed .nav-sidebar-text{display:none}.nav-sidebar.collapsed .nav-sidebar-link{justify-content:center;padding:.75rem}.nav-sidebar.collapsed .nav-sidebar-icon{width:auto}.nav-sidebar.collapsed .nav-sidebar-header{justify-content:center;padding:.75rem}.nav-sidebar.collapsed .nav-sidebar-toggle{margin:.5rem auto}.layout-sidebar.sidebar-collapsed .main-content{margin-left:60px}@media (max-width:768px){.layout-sidebar-l .nav-sidebar,.layout-sidebar-l .nav-sidebar.collapsed,.nav-sidebar,.nav-sidebar.collapsed{transform:translateX(-100%)!important;z-index:1100!important}.layout-sidebar-l .nav-sidebar.show,.nav-sidebar.collapsed.show,.nav-sidebar.show{transform:translateX(0)!important}.layout-sidebar .main-content,.layout-sidebar-l .main-content,.layout-sidebar-l.sidebar-collapsed .main-content{margin-left:0!important;width:100%!important}}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:1rem}.media-item{position:relative;background:var(--bg-input);border:1px solid var(--border);border-radius:4px;padding:.5rem;cursor:pointer;transition:.2s}.media-item:hover{border-color:var(--primary)}.media-item img{width:100%;height:80px;object-fit:cover;border-radius:2px}.media-name{display:block;margin-top:.5rem;font-size:.7rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.media-delete{position:absolute;top:4px;right:4px;width:20px;height:20px;padding:0;border:none;background:var(--danger);color:#fff;border-radius:50%;font-size:12px;line-height:1;cursor:pointer;opacity:0;transition:opacity .2s}.media-item:hover .media-delete{opacity:1}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--bg-dark,#1a1a2e);border:2px solid var(--border,#333)}::-webkit-scrollbar-thumb{background:var(--primary,#e94f2d);border:2px solid var(--bg-dark,#1a1a2e)}::-webkit-scrollbar-thumb:hover{background:var(--primary-hover,#ff6b4a)}::-webkit-scrollbar-corner{background:var(--bg-dark,#1a1a2e)}.navbar-modern{background:linear-gradient(180deg,rgba(20,20,20,.98) 0,rgba(15,15,15,.95) 100%);border-bottom:2px solid var(--border);padding:.75rem 1.5rem;backdrop-filter:blur(10px);box-shadow:0 2px 12px rgba(0,0,0,.4)}.navbar-modern .navbar-brand{gap:.75rem}.navbar-modern .navbar-brand img{height:32px;border-radius:4px}.navbar-modern .navbar-link{padding:.5rem 1rem;border-radius:6px;border:1px solid transparent;transition:.2s}.navbar-modern .navbar-link:hover{background:rgba(255,255,255,.08);color:var(--text)}.navbar-modern .navbar-link.active{background:var(--primary-dim);border-color:var(--primary);color:var(--primary)}.navbar-minimal{background:0 0;border-bottom:1px solid rgba(255,255,255,.1);padding:.5rem 1.5rem;box-shadow:none}.navbar-minimal .navbar-brand{font-size:1rem;gap:.5rem}.navbar-minimal .navbar-brand img{display:none}.navbar-minimal .navbar-link{padding:.35rem .75rem;font-size:.85rem;opacity:.7;border:none;border-radius:0;background:0 0;transition:opacity .2s}.navbar-minimal .navbar-link:hover{opacity:1;background:0 0;color:var(--text)}.navbar-minimal .navbar-link.active{opacity:1;color:var(--primary);background:0 0;border-bottom:2px solid var(--primary);padding-bottom:calc(.35rem - 2px)}.navbar-toggle{display:none;background:0 0;border:none;color:var(--text);font-size:1.5rem;cursor:pointer;padding:.25rem}.nav-sidebar.collapsed .nav-sidebar-auth .account-text,.nav-sidebar.collapsed .nav-sidebar-auth .btn,.nav-sidebar.collapsed .nav-sidebar-auth .user-name{display:none}.nav-sidebar.collapsed .nav-sidebar-auth{padding:.75rem}.nav-sidebar.collapsed .nav-sidebar-auth .user-menu{justify-content:center}.layout-sidebar-l{min-height:100vh}.nav-topbar{position:fixed;top:0;left:0;right:0;height:56px;background:linear-gradient(180deg,rgba(18,18,18,.98) 0,rgba(12,12,12,.98) 100%);border-bottom:1px solid rgba(233,79,45,0.3);display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:1001;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.nav-topbar-left{display:flex;align-items:center;gap:.75rem}.nav-topbar-right{position:relative;display:flex;align-items:center}.nav-topbar-brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--text);font-weight:500}.nav-topbar-brand:hover{opacity:.9}.nav-topbar-brand img{height:36px;width:auto}.nav-topbar-brand-text{font-size:1rem;color:var(--primary)}.nav-topbar .nav-sidebar-toggle{order:0;background:0 0;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:.2s}.nav-topbar .nav-sidebar-toggle:hover{color:var(--text);background:rgba(255,255,255,.1)}.user-dropdown-toggle{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem .75rem;border-radius:8px;transition:background .2s;color:var(--text)}.user-dropdown-toggle:hover{background:rgba(255,255,255,.1)}.user-dropdown-toggle .user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-dim);display:flex;align-items:center;justify-content:center;overflow:hidden}.user-dropdown-toggle .user-avatar img{width:100%;height:100%;object-fit:cover}.user-dropdown-toggle .user-name{font-size:.9rem;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-toggle .dropdown-arrow{transition:transform .2s}.user-dropdown-toggle.open .dropdown-arrow{transform:rotate(180deg)}.user-dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:rgba(30,30,30,.98);border:1px solid var(--border);border-radius:8px;min-width:160px;display:none;box-shadow:0 4px 16px rgba(0,0,0,.4);backdrop-filter:blur(10px);z-index:1002}.user-dropdown-menu.show{display:block}.user-dropdown-menu a{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text);text-decoration:none;transition:background .2s;font-size:.9rem}.user-dropdown-menu a:first-child{border-radius:8px 8px 0 0}.user-dropdown-menu a:last-child{border-radius:0 0 8px 8px}.user-dropdown-menu .dropdown-icon{width:18px;height:18px;opacity:.7}.layout-sidebar-l .nav-sidebar{top:56px;height:calc(100vh - 56px);padding-top:.5rem}.layout-sidebar-l .nav-sidebar .nav-sidebar-auth,.layout-sidebar-l .nav-sidebar .nav-sidebar-header{display:none}.layout-sidebar-l .main-content{margin-top:56px;margin-left:240px;min-height:calc(100vh - 56px);transition:margin-left .3s}.layout-sidebar-l.sidebar-collapsed .main-content{margin-left:60px}.layout-sidebar-l .nav-sidebar.collapsed{width:60px}.layout-sidebar-l .nav-sidebar.collapsed .nav-sidebar-links{padding-bottom:1rem}@media (max-width:768px){.navbar-toggle{display:none}.navbar-links{display:flex!important;position:relative;top:auto;left:auto;right:auto;background:var(--bg-dark);flex-direction:row;flex-wrap:wrap;justify-content:center;padding:.5rem;border-bottom:1px solid var(--border);z-index:100;width:100%}.navbar-links .navbar-link{flex:0 0 auto;padding:.5rem 1rem;font-size:.85rem;margin:.25rem}.navbar-links.show{display:flex!important}.navbar-auth{position:absolute;right:3rem;top:50%;transform:translateY(-50%)}}.emoji-picker-item.emoji-picker-svg{display:flex;align-items:center;justify-content:center}.emoji-picker-item.emoji-picker-svg img{width:24px!important;height:24px!important;max-width:24px!important;max-height:24px!important;object-fit:contain}.container{width:100%;max-width:100%;margin:0 auto;padding:.5rem 0}@media (max-width:1024px){.container{padding:.5rem 0}}@media (max-width:768px){.layout-sidebar-l .nav-sidebar,.layout-sidebar-l .nav-sidebar.collapsed,.nav-sidebar,.nav-sidebar.collapsed{position:fixed!important;top:56px;left:0;height:calc(100vh - 56px)!important;width:280px!important;transform:translateX(-100%)!important;transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:1000!important;box-shadow:none}.layout-sidebar-l .nav-sidebar.collapsed.show,.layout-sidebar-l .nav-sidebar.show,.nav-sidebar.collapsed.show,.nav-sidebar.show{transform:translateX(0)!important;box-shadow:4px 0 20px rgba(0,0,0,.5)}.sidebar-backdrop{position:fixed;top:56px;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:.3s;z-index:999;backdrop-filter:blur(2px)}.sidebar-backdrop.show{opacity:1;visibility:visible}.nav-sidebar.collapsed{width:280px!important}.nav-sidebar.collapsed .nav-sidebar-text{display:inline!important;opacity:1!important}.layout-sidebar .main-content,.layout-sidebar-l .main-content,.layout-sidebar-l.sidebar-collapsed .main-content,.main-content,div.layout-sidebar-l .main-content,div.layout-sidebar-l.sidebar-collapsed .main-content{margin-left:0!important;padding-left:0!important;width:100%!important;max-width:100%!important}.nav-topbar{padding:.75rem 1rem}.nav-topbar-brand img{height:32px}.nav-sidebar-toggle{display:flex!important}.nav-sidebar-link{padding:1rem 1.25rem!important;min-height:48px}.user-dropdown-toggle{padding:.5rem;min-height:44px}.btn,button{min-height:44px;padding:.75rem 1rem}.container{padding:.5rem 0;max-width:100%}.card,.html-block{margin:.5rem 0;border-radius:8px}.user-name{display:none}.app-footer{padding:1rem;flex-direction:column;gap:.5rem}}@media (max-width:480px){.nav-topbar{padding:.5rem .75rem}.nav-topbar-brand img{height:28px}.nav-sidebar,.nav-sidebar.collapsed{width:260px!important}.container{padding:.25rem 0}.nav-topbar-right{gap:.25rem}.user-avatar{width:32px;height:32px}}body,html{overflow-x:hidden;max-width:100vw}@supports (padding:env(safe-area-inset-bottom)){.nav-topbar{padding-top:env(safe-area-inset-top)}.app-footer{padding-bottom:env(safe-area-inset-bottom)}}.layout-sidebar-l .main-content:has(.proxy-container){height:calc(100vh - 56px);min-height:0;overflow:hidden;padding:0}.main-content:has(.proxy-container) .container{padding:0!important;max-width:100%!important;height:100%}.proxy-container{width:100%;height:100%;overflow:hidden;position:relative;margin:0;padding:0}.proxy-iframe{width:100%;height:100%;border:none;display:block;background:0 0}.proxy-loading{position:absolute;top:0;left:0;right:0;bottom:0;background:#0a0a0a;display:flex;align-items:center;justify-content:center;z-index:10;font-family:'Press Start 2P',monospace;transition:opacity .3s}.proxy-loading::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,transparent 0,rgba(0,0,0,.4) 100%);pointer-events:none}.proxy-loading::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 1px,rgba(0,0,0,.3) 1px,rgba(0,0,0,.3) 2px);pointer-events:none}.proxy-loading .loading-text{color:#e94f2d;font-size:16px;letter-spacing:3px;text-shadow:0 0 8px #e94f2d,0 0 15px rgba(233,79,45,.5)}.proxy-loading .loading-text::after{content:'_';animation:1s step-end infinite terminal-blink}.proxy-loading .loading-dots{display:none}@keyframes terminal-blink{0%,50%{opacity:1}100%,51%{opacity:0}}.proxy-container.loaded .proxy-loading{opacity:0;pointer-events:none}.proxy-container .proxy-iframe{position:relative;z-index:1}.navbar-dropdown{position:relative;display:inline-block}.navbar-dropdown-toggle{display:flex;align-items:center;gap:.25rem}.nav-dropdown-arrow{font-size:.65em;opacity:.7;transition:transform .2s;margin-left:.25rem}.navbar-dropdown.open .nav-dropdown-arrow{transform:rotate(180deg)}.navbar-dropdown .dropdown-menu{position:absolute;top:100%;left:0;min-width:180px;background:var(--card-bg,#1a1a2e);border:1px solid var(--border-color,rgba(255,255,255,.1));border-radius:6px;box-shadow:0 4px 16px rgba(0,0,0,.4);z-index:1000;visibility:hidden;opacity:0;transition:opacity .15s,visibility .15s;padding:1rem 0 .5rem;margin-top:-.5rem;pointer-events:none}.navbar-dropdown.open .dropdown-menu{visibility:visible;opacity:1;pointer-events:auto}.dropdown-menu .dropdown-item,.dropdown-menu .navbar-link{display:flex;align-items:center;padding:.6rem 1rem;color:var(--text,#e0e0e0);text-decoration:none;transition:background .2s,color .2s;white-space:nowrap}.dropdown-menu .dropdown-item:hover,.dropdown-menu .navbar-link:hover{background:var(--primary,#e94f2d);color:#fff}.dropdown-menu .dropdown-item.active,.dropdown-menu .navbar-link.active{background:rgba(233,79,45,.15);color:var(--primary,#e94f2d)}.nav-sidebar-group{display:flex;flex-direction:column}.nav-sidebar-group>.nav-sidebar-link{display:flex;align-items:center;justify-content:flex-start}.nav-sidebar-group .nav-dropdown-arrow{margin-left:auto;font-size:.6em;opacity:.6;transition:transform .2s}.nav-sidebar-group.open .nav-dropdown-arrow{transform:rotate(180deg)}.nav-sidebar-children{display:flex;flex-direction:column;padding-left:1rem;margin-top:.25rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s,opacity .2s}.nav-sidebar-group.open .nav-sidebar-children{max-height:500px;opacity:1}.nav-sidebar-children .nav-sidebar-link{font-size:.9em;padding:.4rem .75rem;border-left:2px solid var(--border-color,rgba(255,255,255,.1));margin-left:.5rem}.nav-sidebar-children .nav-sidebar-link:hover{border-left-color:var(--primary,#e94f2d)}.nav-sidebar-children .nav-sidebar-link.active{border-left-color:var(--primary,#e94f2d);background:rgba(233,79,45,.1)}.nav-child{padding-left:1.5rem!important}@media (max-width:768px){.dropdown-menu .dropdown-item,.dropdown-menu .navbar-link{padding:.8rem 1.2rem;min-height:44px}.nav-sidebar-children .nav-sidebar-link{padding:.6rem 1rem;min-height:44px}.nav-dropdown-arrow{padding:.5rem;margin:-.5rem -.5rem -.5rem auto}}.layout-sidebar-l.sidebar-overlay-mode .nav-sidebar{transform:translateX(-100%);transition:transform .25s;z-index:1001;width:240px}.layout-sidebar-l.sidebar-overlay-mode .nav-sidebar.show{transform:translateX(0)}.layout-sidebar-l.sidebar-overlay-mode .main-content{margin-left:0!important}.layout-sidebar-l.sidebar-overlay-mode .sidebar-backdrop.show{display:block;opacity:1;visibility:visible}