.ut-bar{background:#1a1a2e;color:#ccc;font-size:0.72rem;padding:0;border-bottom:2px solid #e2b33e;position:relative;z-index:100;}
.ut-bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:0.4rem;padding-bottom:0.4rem;}
.ut-nav{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
.ut-nav-link{color:#bbb;text-decoration:none;font-weight:600;font-size:0.72rem;letter-spacing:0.06em;padding:0.25rem 0.6rem;transition:color 0.15s;white-space:nowrap;}
.ut-nav-link:hover,.ut-nav-active{color:#e2b33e;}
.ut-sep{color:#555;font-size:0.65rem;user-select:none;padding:0 0.1rem;}
.ut-right{display:flex;align-items:center;gap:0.65rem;flex-shrink:0;}
.ut-user-info{color:#999;font-size:0.72rem;white-space:nowrap;}
.ut-role{color:#e2b33e;font-weight:600;}
.ut-btn{display:inline-flex;align-items:center;gap:0.3rem;font-size:0.65rem;font-weight:700;letter-spacing:0.06em;text-decoration:none;padding:0.3rem 0.7rem;border-radius:3px;white-space:nowrap;transition:all 0.15s;}
.ut-btn-dash{background:transparent;color:#fff;border:1.5px solid #e2b33e;}
.ut-btn-dash:hover{background:#e2b33e;color:#1a1a2e;}
.ut-btn-logout{background:#c0392b;color:#fff;border:1.5px solid #c0392b;}
.ut-btn-logout:hover{background:#e74c3c;border-color:#e74c3c;}
@media(max-width:768px){
    .ut-bar-inner{flex-direction:column;align-items:flex-start;gap:0.35rem;padding-top:0.5rem;padding-bottom:0.5rem;}
    .ut-nav{gap:0;}
    .ut-nav-link{font-size:0.65rem;padding:0.2rem 0.4rem;}
    .ut-right{width:100%;justify-content:space-between;}
    .ut-user-info{font-size:0.65rem;}
}
@media(max-width:480px){
    .ut-sep{display:none;}
    .ut-nav{gap:0.15rem;}
    .ut-nav-link{padding:0.2rem 0.35rem;font-size:0.6rem;}
}