:root{--app-topbar-h:54px;--app-sidebar-w:250px;--app-sidebar-w-collapsed:62px;--app-topbar-bg:#1f2733;--app-topbar-fg:#c7ced6;--app-accent:#5a96ff;--app-bg:#f4f6f9;--app-border:#e2e6ec}body,html{height:100%;margin:0}body{background:var(--app-bg);font-family:system-ui,-apple-system,Segoe UI,sans-serif}body.has-app-shell{overflow:hidden}.app-topbar{align-items:center;background:var(--app-topbar-bg);box-shadow:0 1px 4px rgba(0,0,0,.18);display:flex;gap:2px;height:var(--app-topbar-h);left:0;padding:0 8px;position:fixed;right:0;top:0;z-index:1050}.app-topbar__sep{background:hsla(0,0%,100%,.12);flex:0 0 auto;height:26px;margin:0 6px;width:1px}.app-topbar__spacer{align-items:center;display:flex;flex:0 0 auto;margin:0 8px}.app-topbar__company-logo{max-height:34px;max-width:180px;object-fit:contain}.app-iconbtn{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--app-topbar-fg);cursor:pointer;display:flex;flex:0 0 42px;font-size:1.15rem;height:42px;justify-content:center;text-decoration:none;transition:background .12s,color .12s;width:42px}.app-iconbtn:hover{background:hsla(0,0%,100%,.1);color:#fff}.app-iconbtn.active{background:rgba(90,150,255,.22);color:#fff}.app-iconbtn:disabled,.app-iconbtn[aria-disabled=true]{cursor:default;opacity:.45}.app-navicons{align-items:center;display:flex;flex:1 1 0;gap:2px;min-width:0}.app-search{flex:0 0 auto;margin:0 6px;position:relative}.app-search i{color:#8b95a3;font-size:.9rem;left:11px;position:absolute;top:50%;transform:translateY(-50%)}.app-search input{background:hsla(0,0%,100%,.1);border:0;border-radius:8px;color:#fff;font-size:.85rem;height:36px;outline:none;padding:0 12px 0 34px;width:200px}.app-search input::placeholder{color:#8b95a3}.app-search input:disabled{cursor:not-allowed}.app-badge-dot{background:#ff5a5a;border:2px solid var(--app-topbar-bg);border-radius:50%;height:8px;position:absolute;right:6px;top:6px;width:8px}.app-sidebar{background:#fff;border-right:1px solid var(--app-border);bottom:0;display:flex;flex-direction:column;left:0;position:fixed;top:var(--app-topbar-h);transition:width .16s ease,transform .18s ease;width:var(--app-sidebar-w);z-index:1040}.app-sidebar__head{align-items:center;border-bottom:1px solid #eef1f5;display:flex;justify-content:space-between;padding:10px 12px}.app-sidebar__head .app-iconbtn{color:#6b7482;flex:0 0 32px;font-size:1rem;height:32px;width:32px}.app-sidebar__title{color:#9aa4b2;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.app-sidebar__body{flex:1;overflow-y:auto;padding:10px}.app-side-heading{color:#9aa4b2;font-size:.7rem;font-weight:700;letter-spacing:.05em;padding:16px 12px 6px;text-transform:uppercase}.app-side-filters{padding:0 10px}.app-sidelink{align-items:center;border-radius:8px;color:#3a4658;display:flex;font-size:.9rem;gap:12px;overflow:hidden;padding:9px 12px;text-decoration:none;white-space:nowrap}.app-sidelink:hover{background:#eef1f6;color:#111}.app-sidelink.active{background:#e5edff;color:#1c4fd8;font-weight:600}.app-sidelink i{font-size:1.05rem;min-width:20px;text-align:center}.app-shell.is-collapsed .app-sidebar{width:var(--app-sidebar-w-collapsed)}.app-shell.is-collapsed .app-sidebar__head{justify-content:center}.app-shell.is-collapsed .app-sidelink{justify-content:center;padding:9px 0}.app-shell.is-collapsed .app-side-filters,.app-shell.is-collapsed .app-side-heading,.app-shell.is-collapsed .app-sidebar__title,.app-shell.is-collapsed .app-sidelabel{display:none!important}.app-content{bottom:0;left:var(--app-sidebar-w);overflow-y:auto;padding:20px 24px;position:absolute;right:0;top:var(--app-topbar-h);transition:left .16s ease}.app-shell.is-collapsed .app-content{left:var(--app-sidebar-w-collapsed)}.dropdown-submenu>.dropdown-menu{display:none}.dropdown-submenu.open>.dropdown-menu{border:0;box-shadow:none;display:block;margin:.1rem 0;padding-left:.75rem;position:static}.app-notif{border-bottom:1px solid #f3f5f8;display:flex;gap:8px;padding:8px 16px;text-decoration:none}.app-notif:hover{background:#f2f6ff}.app-notif.is-unread{background:#fbfcfe}.app-notif i{font-size:1.1rem;margin-top:2px}.app-notif__title{color:#1f2733;font-size:.85rem;font-weight:500;line-height:1.25}.app-notif.is-unread .app-notif__title{font-weight:600}.app-notif__text{color:#6c757d;font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-notif__time{color:#6c757d;font-size:.72rem;margin-top:2px}.app-notif__empty{color:#8b95a3;font-size:.85rem;padding:24px 16px;text-align:center}.app-backdrop{background:rgba(15,20,28,.45);display:none;inset:var(--app-topbar-h) 0 0 0;position:fixed;z-index:1035}::-webkit-scrollbar{height:9px;width:9px}::-webkit-scrollbar-thumb{background:#c4ccd6;border-radius:20px}@media (max-width:767.98px){.app-content{left:0!important;padding:16px 14px}.app-search{display:none}.app-drawer-toggle{display:flex}.app-sidebar{transform:translateX(-105%);width:270px}.app-shell.is-drawer-open .app-sidebar{box-shadow:4px 0 24px rgba(0,0,0,.22);transform:translateX(0)}.app-shell.is-drawer-open .app-backdrop{display:block}.app-shell.is-collapsed .app-sidebar{width:270px}.app-shell.is-collapsed .app-side-filters,.app-shell.is-collapsed .app-side-heading,.app-shell.is-collapsed .app-sidebar__title,.app-shell.is-collapsed .app-sidelabel{display:revert!important}.app-shell.is-collapsed .app-sidelink{justify-content:flex-start;padding:9px 12px}.app-topbar__company-logo{display:none}}@media (min-width:768px){.app-drawer-toggle{display:none}}.data-table{background:#fff;border:1px solid var(--app-border);border-radius:10px;font-size:.88rem;overflow-x:auto}.data-table__grid{min-width:var(--min-w,720px)}.data-table__row{align-items:center;border-bottom:1px solid #f1f3f6;display:grid;gap:12px;grid-template-columns:var(--cols,1fr);min-width:0;padding:11px 16px}.data-table__row>div{min-width:0}.data-table__row:last-child{border-bottom:0}.data-table__head,.data-table__row:hover{background:#f7f9fb}.data-table__head{border-bottom:1px solid #eef1f5;color:#6b7482;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:12px 16px;text-transform:uppercase}.data-table__num{color:#8b95a3;font-variant-numeric:tabular-nums}