:root{--header-height:0.3rem;--nav-width:68px;--nav-expanded-width:240px;--first-color:#ff5821;--first-color-dark:#1e293b;--accord-color-light:#b997793b;--white-color:#f7f6fb;--sidebar-text:#94a3b8;--sidebar-text-active:#f1f5f9;--content-bg:#f8fafc;--topbar-height:52px;--topbar-border:#e2e8f0;--shadow-sm:0 1px 3px rgba(0,0,0,.08);--body-font:"Nunito",sans-serif;--normal-font-size:1rem;--z-fixed:100}.App{padding:0}.l-navbar{position:fixed;top:0;left:0;width:var(--nav-width);height:100vh;background-color:var(--first-color-dark);padding:0;transition:width .3s ease;z-index:var(--z-fixed);overflow:hidden;display:flex;flex-direction:column}.l-navbar.show_nav{width:var(--nav-expanded-width)}.nav_header{gap:.75rem;padding:.85rem 0 .85rem 1.15rem;border-bottom:1px solid hsla(0,0%,100%,.07);min-height:var(--topbar-height)}.nav_header,.nav_toggle{display:flex;align-items:center;flex-shrink:0}.nav_toggle{background:none;border:none;cursor:pointer;color:var(--sidebar-text);padding:.25rem;border-radius:6px;justify-content:center;transition:color .2s,background .2s}.nav_toggle:hover{color:var(--sidebar-text-active);background:hsla(0,0%,100%,.08)}.nav_logo_text{color:var(--sidebar-text-active);font-weight:700;font-size:.95rem;letter-spacing:.03em;white-space:nowrap}.l-navbar .nav{flex:1;overflow:hidden}.l-navbar .nav,.nav_list{display:flex;flex-direction:column}.nav_list{overflow-y:auto;padding:.5rem 0;flex:1}.nav_list::-webkit-scrollbar{width:4px}.nav_list::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.12);border-radius:2px}.nav_link{display:flex;align-items:center;gap:.85rem;padding:.6rem 0 .6rem 1.15rem;position:relative;color:var(--sidebar-text);margin-bottom:.1rem;transition:color .2s,background .2s;text-decoration:none;cursor:pointer;white-space:nowrap;border-radius:0 6px 6px 0;margin-right:.5rem}.nav_link:hover{color:var(--sidebar-text-active);background:hsla(0,0%,100%,.06)}.nav_link.active{color:var(--sidebar-text-active);background:rgba(255,88,33,.18)}.nav_link.active:before{content:"";position:absolute;left:0;width:3px;height:70%;background-color:var(--first-color);border-radius:0 2px 2px 0}.nav_icon{font-size:1.1rem;flex-shrink:0;width:20px;text-align:center}.nav_name{white-space:nowrap;font-size:.9rem}.l-navbar:not(.show_nav) .nav_link{justify-content:center;padding:.6rem 0;margin-right:0;border-radius:0;gap:0}.l-navbar:not(.show_nav) .nav_name{display:none}.l-navbar:not(.show_nav) .nav_header{justify-content:center;padding:.85rem 0;gap:0}.nav_section_toggle{cursor:pointer;user-select:none}.nav_arrow{font-size:.6rem;transition:transform .25s ease;opacity:.6;margin-left:auto;margin-right:.5rem}.nav_section_toggle.open .nav_arrow{transform:rotate(90deg)}.nav_submenu{max-height:0;overflow:hidden;transition:max-height .28s ease;padding-left:.5rem}.nav_submenu.open{max-height:400px}.nav_sub_link{font-size:.85rem;padding-top:.4rem!important;padding-bottom:.4rem!important;margin-bottom:0!important}.nav_sub_link .nav_icon{font-size:.8rem}.top-navbar{position:fixed!important;top:0;left:var(--nav-width);right:0;height:var(--topbar-height);z-index:99;transition:left .3s ease;border-bottom:1px solid var(--topbar-border)!important;box-shadow:var(--shadow-sm);background:#fff!important;padding:0 1rem!important;display:flex!important;align-items:center;justify-content:space-between}.top-navbar.expanded{left:var(--nav-expanded-width)}.navbar-left{gap:.25rem}.navbar-left,.navbar-right{display:flex;align-items:center}.navbar-right{gap:.5rem}.btn_link{color:#64748b;transition:color .2s,background .2s;text-decoration:none;cursor:pointer;background:none;border:none;padding:.4rem .45rem;border-radius:6px;display:flex;align-items:center;justify-content:center}.btn_link:hover{color:var(--first-color-dark);background:#f1f5f9}.breadcrumb-nav{display:flex;align-items:center;gap:.2rem;font-size:.82rem;color:#94a3b8;padding-left:.25rem}.breadcrumb-sep{font-size:.6rem;opacity:.5}.breadcrumb-item{text-transform:capitalize;color:#64748b}.breadcrumb-item.last{color:#374151;font-weight:500}.user-dropdown{position:relative}.user-avatar-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;color:#374151;padding:.3rem .5rem;border-radius:8px;transition:background .2s}.user-avatar-btn:hover{background:#f1f5f9}.user-avatar{width:30px;height:30px;border-radius:50%;background:var(--first-color);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:.78rem;flex-shrink:0}.user-name{font-size:.85rem;font-weight:500;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-dropdown-menu{position:absolute;right:0;top:calc(100% + 6px);background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);min-width:180px;z-index:200;padding:.35rem 0;animation:dropdown-in .15s ease}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-item{display:flex;align-items:center;gap:.6rem;padding:.55rem 1rem;font-size:.88rem;color:#374151;text-decoration:none;cursor:pointer;background:none;border:none;width:100%;text-align:left;transition:background .15s}.user-dropdown-item:hover{background:#f8fafc;color:#111827}.user-dropdown-item.danger{color:#ef4444}.user-dropdown-item.danger:hover{background:#fef2f2}.user-dropdown-divider{height:1px;background:#f1f5f9;margin:.3rem 0}#body-pd{padding-left:var(--nav-width);padding-top:var(--topbar-height);transition:padding-left .3s ease}#body-pd.body-pd,.body-pd{padding-left:var(--nav-expanded-width)}.body-pd{transition:padding-left .3s ease}.Content{background:var(--content-bg);min-height:calc(100vh - var(--topbar-height))}.dash_content{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dash_content>h1{grid-column:1/-1}@media screen and (min-width:768px){.body-pd{padding-left:var(--nav-expanded-width)}}@media screen and (max-width:767px){.l-navbar{left:calc(-1 * var(--nav-expanded-width));width:var(--nav-expanded-width)!important}.l-navbar.show_nav{left:0}.l-navbar.show_nav .nav_link{justify-content:flex-start;padding:.6rem 0 .6rem 1.15rem;gap:.85rem}.l-navbar.show_nav .nav_name{display:inline}.l-navbar.show_nav .nav_header{justify-content:flex-start;padding:.85rem 0 .85rem 1.15rem}#body-pd,.body-pd{padding-left:0}.top-navbar,.top-navbar.expanded{left:0}.user-name{display:none}}.btn-arrow{transition:transform .3s ease;transform-origin:center}.btn-arrow.rotated{transform:rotate(180deg)}.dropdown-item,.dropdown-item.active{color:#444}.dropdown-item.active{background-color:#def}.accordion-button:not(.collapsed){color:var(--first-color);background-color:var(--accord-color-light)}.accordion-button:focus{border-color:var(--accord-color-light);box-shadow:0 0 0 .25rem rgba(253,92,13,.25)}.Post{align-items:start;padding-top:5px;border-bottom:1px solid #eee}.Post:hover{background-color:#f8f8f8}.Post a{text-decoration:none}.Post a,.Post a:visited{color:#14c}.More{margin-top:10px;margin-bottom:10px;text-align:right}.InputField{margin-top:15px;margin-bottom:15px}.Message{margin-bottom:10px;padding:30px 0 40px;border-bottom:1px solid #eee}.Message form{width:100%;margin-left:10px}.app-page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.app-chip{border:1px solid var(--topbar-border);background:#fff;border-radius:999px;padding:.35rem .9rem;font-size:.82rem;color:#475569;cursor:pointer;transition:border-color .15s,box-shadow .15s}.app-chip:hover{border-color:var(--first-color);box-shadow:var(--shadow-sm)}.app-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.9rem}.app-card{display:flex;align-items:center;gap:.9rem;text-align:left;background:#fff;border:1px solid var(--topbar-border);border-radius:.75rem;padding:1rem;cursor:pointer;transition:transform .15s,box-shadow .15s,border-color .15s}.app-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.08);border-color:var(--first-color)}.app-card:hover .app-card-arrow{opacity:1;transform:translateX(2px)}.app-card-icon{flex-shrink:0;width:44px;height:44px;border-radius:.6rem;display:inline-flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--first-color);background:color-mix(in srgb,var(--first-color) 12%,#fff)}.app-card-body{display:flex;flex-direction:column;min-width:0}.app-card-title{font-weight:700;color:var(--first-color-dark);font-size:.95rem}.app-card-desc{font-size:.78rem;color:#64748b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-card-arrow{margin-left:auto;color:#cbd5e1;font-size:.8rem;opacity:0;transition:opacity .15s,transform .15s}.file-dropzone{border:2px dashed #ced4da;border-radius:6px;padding:24px 16px;cursor:pointer;background:#fafafa;text-align:center;transition:all .15s;display:flex;align-items:center;justify-content:center}.file-dropzone.is-dragover{border-color:#0d6efd;background:#f0f5ff}.file-dropzone.is-disabled{cursor:default;opacity:.6}.file-dropzone .fd-placeholder{font-size:.85rem;color:#6c757d}.file-dropzone .fd-filename{font-size:.85rem}.fd-avatar{width:80px;height:80px;object-fit:cover;border-radius:50%;border:2px solid #dee2e6}