.top-layout .main{margin:0 auto!important;width:100%;max-width:1540px;padding:0}.main-header{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:auto minmax(360px,1fr) auto;align-items:center;gap:18px;padding:10px 26px;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid rgba(217,224,235,.9);box-shadow:0 10px 28px rgba(15,35,72,.08)}.header-brand{min-width:230px;max-width:320px}.brand-link{display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none}.brand-logo-top{display:grid;width:62px;height:62px;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(145deg,#06265f,#0b63f6);box-shadow:0 10px 22px rgba(6,38,95,.2);font-size:18px;font-weight:950;letter-spacing:.08em}.brand-link strong{display:block;color:#06265f;font-size:18px;line-height:1.12;white-space:nowrap}.brand-link small{display:block;color:#667085;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.top-nav{display:flex;align-items:center;justify-self:start;gap:3px;padding:5px;background:#f7faff;border:1px solid #e6eefb;border-radius:999px}.top-nav>a,.admin-menu>summary{display:flex;align-items:center;gap:7px;padding:9px 12px;border-radius:999px;color:#53657d;font-size:13px;font-weight:850;cursor:pointer;list-style:none;white-space:nowrap}.top-nav>a:hover,.admin-menu>summary:hover{color:#0b48b8;background:#eaf3ff}.top-nav>a.active,.admin-menu>summary.active{color:#fff;background:linear-gradient(135deg,#0b4fb3,#1d74d8);box-shadow:0 10px 22px rgba(29,116,216,.22)}.top-nav i,.header-actions i,.profile-popover i,.btn i{display:grid;width:18px;height:18px;place-items:center}.lucide-ready svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.admin-menu{position:relative}.admin-menu>summary::-webkit-details-marker{display:none}.admin-popover{position:absolute;top:calc(100% + 12px);left:0;width:235px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 60px rgba(15,35,72,.18)}.admin-popover a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:12px;color:#344054;font-weight:800}.admin-popover a:hover{color:#0b48b8;background:#f1f6ff}.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header-search-btn,.header-alerts-btn{position:relative;display:grid;width:42px;height:42px;place-items:center;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;color:#0b48b8;background:#f8fbff}.header-search-btn:hover,.header-alerts-btn:hover{transform:translateY(-1px);background:#eef6ff;border-color:#b9d3ff}.header-alerts-btn .badge{position:absolute;top:-2px;right:-2px;display:grid;min-width:18px;height:18px;place-items:center;padding:0 3px;border:2px solid #fff;border-radius:999px;color:#fff;background:#c53b3b;font-size:10px}.profile-menu{position:relative;z-index:70}.profile-menu summary{display:flex;align-items:center;padding:0;list-style:none;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.avatar-photo{display:grid;width:42px;height:42px;place-items:center;border:3px solid #fff;border-radius:999px;color:#fff;background:linear-gradient(135deg,#06265f,#0b63f6);box-shadow:0 8px 22px rgba(6,38,95,.2);font-weight:950}.avatar-photo.large{width:54px;height:54px}.profile-menu[open] .avatar-photo{box-shadow:0 0 0 4px #dbeafe,0 10px 24px rgba(6,38,95,.24)}.profile-popover{position:absolute;right:0;top:calc(100% + 12px);width:268px;padding:10px;background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 22px 60px rgba(15,35,72,.18)}.profile-card-head{display:flex;align-items:center;gap:12px;margin-bottom:8px;padding:10px;border:1px solid #e1ebfb;border-radius:16px;background:linear-gradient(135deg,#f7fbff,#eef6ff)}.profile-card-head strong,.profile-card-head small{display:block}.profile-card-head small{color:#667085}.profile-popover>a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;color:#344054;font-weight:900}.profile-popover>a:hover{color:#0b48b8;background:#f1f6ff}.profile-popover>a.logout-link{color:#b42318}.nav-toggle{display:none;border:0;color:#06265f;background:transparent}.page-titlebar{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 20px;padding:18px 22px;border:1px solid #e3edf9;border-radius:24px;background:linear-gradient(135deg,#fff 0%,#f3f8ff 100%);box-shadow:0 12px 35px rgba(16,38,72,.08)}.page-titlebar h1{margin:4px 0 0;color:#06265f;font-size:31px}.new-btn{border-radius:999px}.top-layout .content{width:100%;max-width:none;padding:24px 28px 44px}.top-layout .app-footer{padding-inline:28px}.top-layout .sidebar{display:none!important}.user-row{border-radius:14px;transition:.16s}.user-row:hover{padding-inline:10px;background:#f7faff}.table tbody tr{transition:.16s}.table tbody tr:hover{background:#f4f8ff}.table td:first-child strong{color:#17365d}.actions-menu summary{border-radius:999px}.role-card{transition:.16s}.role-card:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(15,35,72,.1)}@media(max-width:1100px){.main-header{grid-template-columns:auto 1fr auto}.top-nav{justify-self:center}.top-nav span{display:none}.header-brand{min-width:0}.brand-link span:last-child{display:none}}@media(max-width:760px){.main-header{grid-template-columns:auto 1fr auto;padding:9px 14px}.brand-logo-top{width:48px;height:48px;border-radius:13px;font-size:15px}.nav-toggle{display:grid;width:40px;height:40px;place-items:center}.top-nav{position:absolute;top:72px;left:14px;right:14px;display:none;align-items:stretch;flex-direction:column;padding:9px;border-radius:18px;box-shadow:0 22px 60px rgba(15,35,72,.18)}.nav-open .top-nav{display:flex}.top-nav>a,.admin-menu>summary{justify-content:flex-start;border-radius:12px}.top-nav span{display:inline}.admin-popover{position:static;width:100%;margin-top:6px;box-shadow:none}.header-search-btn{display:none}.page-titlebar{align-items:flex-start;flex-direction:column;padding:16px}.page-titlebar h1{font-size:24px}.top-layout .content{padding:18px 14px 30px}.top-layout .app-footer{padding-inline:14px}}

